Difference between revisions of "MediaWiki:Common.css"

From LID SWM Planning and Design Guide
Jump to navigation Jump to search
 
(262 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/*Page background*/
#mw-page-base, body {
  background-image: none;
  background-color: #4f4f4f;}


.orbit {
/*Fonts and bullets for everyone*/
   position: relative;
@import url('https://fonts.googleapis.com/css?family=Roboto:100');
   margin-bottom:3rem; }
   {
   font-family: 'Roboto', sans-serif;}


.orbit-container {
/*linky colors*/
   position: relative;
a {
   overflow: hidden;
   text-decoration: none;
   list-style: none;
   color: #0645ad;
   margin: 0 0 0 0!important; }
   background: none;}
.mblink:visited, a:visited {
   color: #609;}


.orbit-slide {
/*list formatting*/
  width: 100%;
ul{list-style-image: none;}
  max-height: 100%; }
.plainlist ul {
  .orbit-slide.no-motionui.is-active {
    line-height: inherit;
     top: 0;
    list-style: none none;
     left: 0; }
     margin: 0;}
.plainlist ul li {
     margin-bottom: 0;}


.orbit-figure {
/*STEP logo bit*/
   margin: 0; }
#p-logo {
 
   border-radius: 5px;
.orbit-image {
   background-color: white;}
  margin: 0;
  width: 100%;
   max-width: 100%; }


.orbit-caption {
/*Header*/
#mw-head {
   position: absolute;
   position: absolute;
   bottom: 0;
   top: 0;
  right: 0;
   width: 100%;
   width: 100%;
  padding: 1rem;
   background-color: #e6e6e6;}
  margin-bottom: 0;
  color: #fefefe;
   background-color: rgba(10, 10, 10, 0.5); }
 
.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5); }
 
.orbit-previous {
  left: 0; }
 
.orbit-next {
  left: auto;
  right: 0; }
 
.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    background-color: #cacaca;
    border-radius: 50%; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }
 
.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
 
.slide-in-down.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }
 
.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
 
.slide-in-left.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }
 
.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
 
.slide-in-up.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }
 
.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
 
.slide-in-right.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }
 
.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
 
.slide-out-down.mui-leave.mui-leave-active {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }
 
.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
 
.slide-out-right.mui-leave.mui-leave-active {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }
 
.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
 
.slide-out-up.mui-leave.mui-leave-active {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }
 
.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
 
.slide-out-left.mui-leave.mui-leave-active {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }


.fade-in.mui-enter {
/*These are the wiki tabs*/
   transition-duration: 500ms;
.vectorTabs ul li {
   transition-timing-function: linear;
   border-radius: 5px 5px 0 0;
   opacity: 0;
   background-image: none;
   transition-property: opacity; }
   color: black;
   background-color: #e6e6e6;}
#ca-talk,
#ca-viewsource {
    display: none !important;}


.fade-in.mui-enter.mui-enter-active {
.vectorTabs li a,
   opacity: 1; }
.vectorTabs li.new a,
.vectorTabs li.new a:visited {
  background-image: none;
   font-variant: all-small-caps;}


.fade-out.mui-leave {
/*This is the menu on the left*/
  transition-duration: 500ms;
/* increase Vector sidebar width */
  transition-timing-function: linear;
#mw-panel { width: 12em; }
  opacity: 1;
#footer, #mw-head-base, #content { margin-left: 12em; }
  transition-property: opacity; }
#left-navigation { margin-left: 12em; }


.fade-out.mui-leave.mui-leave-active {
#mw-panel .portal .body ul li,
   opacity: 0; }
#mw-panel .portal .body ul li a,
#mw-panel .portal .body ul li a:visited,
#mw-panel .portal h3 {
  list-style-type: none;
  color: white;
  font-size: 1em;
  font-variant: all-small-caps;
   text-decoration: none;
}


.hinge-in-from-top.mui-enter {
/*FOOTER STUFF*/
   transition-duration: 500ms;
/*This is the feedback widget*/
  transition-timing-function: linear;
.articleFeedbackv5-panel .articleFeedbackv5-title {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
   font-weight: normal;}
          transform: perspective(2000px) rotateX(-90deg);
.articleFeedbackv5-panel{
  -webkit-transform-origin: top;
   background: none;
      -ms-transform-origin: top;
   border: 1px solid darkcyan;}
          transform-origin: top;
   transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
   opacity: 0; }


.hinge-in-from-top.mui-enter.mui-enter-active {
/*Last updated box*/
   -webkit-transform: perspective(2000px) rotate(0deg);
#footer #footer-info li {
          transform: perspective(2000px) rotate(0deg);
  background-color: white;
   opacity: 1; }
  border-radius: 5px 5px 5px 0;}
#footer ul li {
  padding: 0.75em;}
#footer #footer-places li {
   background-color: white;
   border-radius: 0 0 5px 5px;}


.hinge-in-from-right.mui-enter {
/*These are the main headings, which have underlines*/
   transition-duration: 500ms;
.mw-body h1, .mw-body h2 {
  transition-timing-function: linear;
   font-family: sans-serif;  
   -webkit-transform: perspective(2000px) rotateY(-90deg);
   font-size: 1.8em;
          transform: perspective(2000px) rotateY(-90deg);
   color: Gray;  
  -webkit-transform-origin: right;
   border-bottom: 1.5px solid darkcyan;}
      -ms-transform-origin: right;
          transform-origin: right;
   transition-property: -webkit-transform, opacity;
   transition-property: transform, opacity;
  opacity: 0; }


.hinge-in-from-right.mui-enter.mui-enter-active {
/*These are the subheadings*/
   -webkit-transform: perspective(2000px) rotate(0deg);
h3,h4, h5, h6 {  
          transform: perspective(2000px) rotate(0deg);
   font-size: 1.8em;
   opacity: 1; }
   color: Gray;}


.hinge-in-from-bottom.mui-enter {
/*This is the default photoframe*/
   transition-duration: 500ms;
.thumbinner {
  transition-timing-function: linear;
   border: 2px solid orange;
  -webkit-transform: perspective(2000px) rotateX(90deg);
   padding: 3px;
          transform: perspective(2000px) rotateX(90deg);
   text-align: center;
  -webkit-transform-origin: bottom;
   overflow: hidden;}
      -ms-transform-origin: bottom;
          transform-origin: bottom;
   transition-property: -webkit-transform, opacity;
   transition-property: transform, opacity;
   opacity: 0; }


.hinge-in-from-bottom.mui-enter.mui-enter-active {
/* TOClimit */
  -webkit-transform: perspective(2000px) rotate(0deg);
.toclimit-2 .toclevel-1 ul,
          transform: perspective(2000px) rotate(0deg);
.toclimit-3 .toclevel-2 ul,
  opacity: 1; }
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;}


.hinge-in-from-left.mui-enter {
/*The textbox thingy*/
   transition-duration: 500ms;
.textbox {
   transition-timing-function: linear;
   padding: 10px 20px;
   -webkit-transform: perspective(2000px) rotateY(90deg);
   margin: 0 0 20px;
          transform: perspective(2000px) rotateY(90deg);
   font-size: 1.1em;
   -webkit-transform-origin: left;
  font-style: italic;
      -ms-transform-origin: left;
   background: none;
          transform-origin: left;
  border-left: 3px solid darkcyan;
   transition-property: -webkit-transform, opacity;
   border-top: none;
   transition-property: transform, opacity;
   border-bottom: none;
   opacity: 0; }
   border-right: none;}


.hinge-in-from-left.mui-enter.mui-enter-active {
/*Button*/
   -webkit-transform: perspective(2000px) rotate(0deg);
.mw-ui-button{
          transform: perspective(2000px) rotate(0deg);
   border: 2px solid orange;
   opacity: 1; }
   box-shadow: 2px 2px 3px 0px #999;}


.hinge-in-from-middle-x.mui-enter {
/*wikitable*/
  transition-duration: 500ms;
/table.wikitable > tr > th, table.wikitable > * > tr > th {
  transition-timing-function: linear;
/  background-color: darkcyan;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
/  color: white;
          transform: perspective(2000px) rotateX(-90deg);
/}
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }


.hinge-in-from-middle-x.mui-enter.mui-enter-active {
/*sortable wikitable*/
  -webkit-transform: perspective(2000px) rotate(0deg);
table.jquery-tablesorter th.headerSort {
          transform: perspective(2000px) rotate(0deg);
    border: 2px solid darkcyan;
  opacity: 1; }
    cursor: pointer;
    background-position: center right;
    padding-right: 21px;
}


.hinge-in-from-middle-y.mui-enter {
/*sortable wikitable*/
   transition-duration: 500ms;
table.jquery-tablesorter th.headerSort {
  transition-timing-function: linear;
   border: 2px solid darkcyan;}
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }


.hinge-in-from-middle-y.mui-enter.mui-enter-active {
table.wikitable > tr > th, table.wikitable > * > tr > th {
   -webkit-transform: perspective(2000px) rotate(0deg);
   background-color: darkcyan;
          transform: perspective(2000px) rotate(0deg);
   color: white;}
   opacity: 1; }


.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }


.hinge-out-from-top.mui-leave.mui-leave-active {
/*Main Page stuff*/
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }


.hinge-out-from-right.mui-leave {
body.page-Main_Page h1.firstHeading {display:none;  
  transition-duration: 500ms;
}
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }


.hinge-out-from-right.mui-leave.mui-leave-active {
.mainpage_topbox {
   -webkit-transform: perspective(2000px) rotateY(-90deg);
   border-radius: 5px;
          transform: perspective(2000px) rotateY(-90deg);
  background: #f9f9f9;
   opacity: 0; }
   margin: 1em 0;
}


.hinge-out-from-bottom.mui-leave {
.mainpage_layouttable {
  transition-duration: 500ms;
border: 0;
  transition-timing-function: linear;
margin: 0;
  -webkit-transform: perspective(2000px) rotate(0deg);
width: 100%;
          transform: perspective(2000px) rotate(0deg);
border-spacing: 10px;
  -webkit-transform-origin: bottom;
}
      -ms-transform-origin: bottom;
.mainpage_layouttable * > tr > td {
          transform-origin: bottom;
vertical-align: top;
  transition-property: -webkit-transform, opacity;
}
  transition-property: transform, opacity;
  opacity: 1; }


.hinge-out-from-bottom.mui-leave.mui-leave-active {
.mainpage_boxtitle {
  -webkit-transform: perspective(2000px) rotateX(90deg);
    font-size: 105%;
          transform: perspective(2000px) rotateX(90deg);
    padding: 0.4em;
  opacity: 0; }
    background-color: #eeeeee;
    font-weight: bold;
    min-height: 2em;
    vertical-align: middle;
}


.hinge-out-from-left.mui-leave {
.mainpage_pagetitle {
  transition-duration: 500ms;
    color: black;
  transition-timing-function: linear;
    font-size: 200%;
  -webkit-transform: perspective(2000px) rotate(0deg);
    padding: 0.2em 0.4em;
          transform: perspective(2000px) rotate(0deg);
}
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }


.hinge-out-from-left.mui-leave.mui-leave-active {
.mainpage_hubtitle {
  -webkit-transform: perspective(2000px) rotateY(90deg);
    text-align: center;
          transform: perspective(2000px) rotateY(90deg);
}
  opacity: 0; }


.hinge-out-from-middle-x.mui-leave {
.mainpage_boxcontents {
  transition-duration: 500ms;
    background: #ffffff;
  transition-timing-function: linear;
    padding: 0.2em 0.4em;
  -webkit-transform: perspective(2000px) rotate(0deg);
}
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }


.hinge-out-from-middle-x.mui-leave.mui-leave-active {
.mainpage_boxcontents_small {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
    font-size: 95%;
          transform: perspective(2000px) rotateX(-90deg);
}
  opacity: 0; }


.hinge-out-from-middle-y.mui-leave {
.mainpage_boxcontents_title {
  transition-duration: 500ms;
    display: block;
  transition-timing-function: linear;
    border-bottom: 1px solid #AAA;
  -webkit-transform: perspective(2000px) rotate(0deg);
    margin-bottom: 0.5em;
          transform: perspective(2000px) rotate(0deg);
    text-align: center;
  -webkit-transform-origin: center;
    font-weight: bold;
      -ms-transform-origin: center;
    font-size: larger;
          transform-origin: center;
}
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }


.hinge-out-from-middle-y.mui-leave.mui-leave-active {
.mainpage_middleblock .mainpage_hubbox_left {
   -webkit-transform: perspective(2000px) rotateY(-90deg);
   width: 75%;
          transform: perspective(2000px) rotateY(-90deg);
}
  opacity: 0; }


.scale-in-up.mui-enter {
.mainpage_mwtitle {
  transition-duration: 500ms;
     color: #005288;
  transition-timing-function: linear;
}
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }
 
.scale-in-up.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1; }
 
.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }
 
.scale-in-down.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1; }
 
.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }
 
.scale-out-up.mui-leave.mui-leave-active {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0; }
 
.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }
 
.scale-out-down.mui-leave.mui-leave-active {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0; }
 
.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(-0.75turn);
      -ms-transform: rotate(-0.75turn);
          transform: rotate(-0.75turn);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }
 
.spin-in.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }
 
.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }
 
.spin-out.mui-leave.mui-leave-active {
  -webkit-transform: rotate(0.75turn);
      -ms-transform: rotate(0.75turn);
          transform: rotate(0.75turn);
  opacity: 0; }
 
.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(0.75turn);
      -ms-transform: rotate(0.75turn);
          transform: rotate(0.75turn);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }
 
.spin-in-ccw.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }
 
.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }
 
.spin-out-ccw.mui-leave.mui-leave-active {
  -webkit-transform: rotate(-0.75turn);
      -ms-transform: rotate(-0.75turn);
          transform: rotate(-0.75turn);
  opacity: 0; }
 
.slow {
  transition-duration: 750ms !important; }
 
.fast {
  transition-duration: 250ms !important; }
 
.linear {
  transition-timing-function: linear !important; }
 
.ease {
  transition-timing-function: ease !important; }
 
.ease-in {
  transition-timing-function: ease-in !important; }
 
.ease-out {
  transition-timing-function: ease-out !important; }
 
.ease-in-out {
  transition-timing-function: ease-in-out !important; }
 
.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
 
.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
 
.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
 
.short-delay {
  transition-delay: 300ms !important; }
 
.long-delay {
  transition-delay: 700ms !important; }
 
.shake {
  -webkit-animation-name: shake-7;
          animation-name: shake-7; }
 
@-webkit-keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
     -webkit-transform: translateX(7%);
            transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); } }
 
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
            transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); } }
 
.spin-cw {
  -webkit-animation-name: spin-cw-1turn;
          animation-name: spin-cw-1turn; }
 
@-webkit-keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
 
@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
 
.spin-ccw {
  -webkit-animation-name: spin-cw-1turn;
          animation-name: spin-cw-1turn; }
 
@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }
 
.wiggle {
  -webkit-animation-name: wiggle-7deg;
          animation-name: wiggle-7deg; }
 
@-webkit-keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
 
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
 
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms; }
 
.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
 
.slow {
  -webkit-animation-duration: 750ms !important;
          animation-duration: 750ms !important; }
 
.fast {
  -webkit-animation-duration: 250ms !important;
          animation-duration: 250ms !important; }
 
.linear {
  -webkit-animation-timing-function: linear !important;
          animation-timing-function: linear !important; }
 
.ease {
  -webkit-animation-timing-function: ease !important;
          animation-timing-function: ease !important; }
 
.ease-in {
  -webkit-animation-timing-function: ease-in !important;
          animation-timing-function: ease-in !important; }
 
.ease-out {
  -webkit-animation-timing-function: ease-out !important;
          animation-timing-function: ease-out !important; }
 
.ease-in-out {
  -webkit-animation-timing-function: ease-in-out !important;
          animation-timing-function: ease-in-out !important; }
 
.bounce-in {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
 
.bounce-out {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
 
.bounce-in-out {
  -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
 
.short-delay {
  -webkit-animation-delay: 300ms !important;
          animation-delay: 300ms !important; }
 
.long-delay {
  -webkit-animation-delay: 700ms !important;
          animation-delay: 700ms !important; }
 
li .fa-square-o {
margin-left:10px!important; }
 
.mw-headline a {color:#FFF!important;}
 
.img-thumbnail.color-border {
  border-color: #44A755 !important;}
 
.title-red {
    padding-bottom: 9px;
    margin: 40px 0px 20px;
    border-bottom: 4px solid #44A755 !important;}
 
.carousel .carousel-caption {
  left: 0;
  right: 0;
  padding-top: 4px;
  padding-bottom: 16px;
  margin-bottom: -20px;
  background: rgba(68, 167, 85, 0.8) !important; }

Latest revision as of 17:53, 12 March 2021

/*Page background*/
#mw-page-base, body {
  background-image: none;
  background-color: #4f4f4f;}

/*Fonts and bullets for everyone*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100');
  {
  font-family: 'Roboto', sans-serif;}

/*linky colors*/
a {
  text-decoration: none;
  color: #0645ad;
  background: none;}
.mblink:visited, a:visited {
  color: #609;}

/*list formatting*/
ul{list-style-image: none;}
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;}
.plainlist ul li {
    margin-bottom: 0;}

/*STEP logo bit*/
#p-logo {
  border-radius: 5px;
  background-color: white;}

/*Header*/
#mw-head {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background-color: #e6e6e6;}

/*These are the wiki tabs*/
.vectorTabs ul li {
  border-radius: 5px 5px 0 0;
  background-image: none;
  color: black;
  background-color: #e6e6e6;}
#ca-talk,
#ca-viewsource {
    display: none !important;}

.vectorTabs li a,
.vectorTabs li.new a, 
.vectorTabs li.new a:visited {
  background-image: none;
  font-variant: all-small-caps;}

/*This is the menu on the left*/
/* increase Vector sidebar width */
#mw-panel { width: 12em; }
#footer, #mw-head-base, #content { margin-left: 12em; }
#left-navigation { margin-left: 12em; }

#mw-panel .portal .body ul li,
#mw-panel .portal .body ul li a, 
#mw-panel .portal .body ul li a:visited,
#mw-panel .portal h3 {
  list-style-type: none;
  color: white;
  font-size: 1em;
  font-variant: all-small-caps;
  text-decoration: none;
}

/*FOOTER STUFF*/
/*This is the feedback widget*/
.articleFeedbackv5-panel .articleFeedbackv5-title {
  font-weight: normal;}
.articleFeedbackv5-panel{
  background: none;
  border: 1px solid darkcyan;}

/*Last updated box*/
#footer #footer-info li {
  background-color: white;
  border-radius: 5px 5px 5px 0;}
#footer ul li {
  padding: 0.75em;}
#footer #footer-places li {
  background-color: white;
  border-radius: 0 0 5px 5px;}

/*These are the main headings, which have underlines*/
.mw-body h1, .mw-body h2 {
  font-family: sans-serif; 
  font-size: 1.8em;
  color: Gray;    
  border-bottom: 1.5px solid darkcyan;}

/*These are the subheadings*/
h3,h4, h5, h6 { 
  font-size: 1.8em;
  color: Gray;}

/*This is the default photoframe*/
.thumbinner {
  border: 2px solid orange;
  padding: 3px;
  text-align: center;
  overflow: hidden;}

/* TOClimit */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;}

/*The textbox thingy*/
.textbox {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 1.1em;
  font-style: italic;
  background: none;
  border-left: 3px solid darkcyan;
  border-top: none;
  border-bottom: none;
  border-right: none;}

/*Button*/
.mw-ui-button{
  border: 2px solid orange;
  box-shadow: 2px 2px 3px 0px #999;}

/*wikitable*/
/table.wikitable > tr > th, table.wikitable > * > tr > th {
/  background-color: darkcyan;
/  color: white;
/}

/*sortable wikitable*/
table.jquery-tablesorter th.headerSort {
    border: 2px solid darkcyan;
    cursor: pointer;
    background-position: center right;
    padding-right: 21px;
}

/*sortable wikitable*/
table.jquery-tablesorter th.headerSort {
  border: 2px solid darkcyan;}

table.wikitable > tr > th, table.wikitable > * > tr > th {
  background-color: darkcyan;
  color: white;}


/*Main Page stuff*/

body.page-Main_Page h1.firstHeading {display:none; 
}

.mainpage_topbox {
  border-radius: 5px;	
  background: #f9f9f9;
  margin: 1em 0;
}

.mainpage_layouttable {
	border: 0;
	margin: 0;
	width: 100%;
	border-spacing: 10px;
}
.mainpage_layouttable * > tr > td {
	vertical-align: top;
}

.mainpage_boxtitle {
    font-size: 105%;
    padding: 0.4em;
    background-color: #eeeeee;
    font-weight: bold;
    min-height: 2em;
    vertical-align: middle;
}

.mainpage_pagetitle {
    color: black;
    font-size: 200%;
    padding: 0.2em 0.4em;
}

.mainpage_hubtitle {
    text-align: center;
}

.mainpage_boxcontents {
    background: #ffffff;
    padding: 0.2em 0.4em;
}

.mainpage_boxcontents_small {
    font-size: 95%;
}

.mainpage_boxcontents_title {
    display: block;
    border-bottom: 1px solid #AAA;
    margin-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
    font-size: larger;
}

.mainpage_middleblock .mainpage_hubbox_left {
  width: 75%;
}

.mainpage_mwtitle {
    color: #005288;
}