Changes

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 17:53, 12 March 2021

21,617 bytes removed ,  3 years ago
no edit summary
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 {
−
.orbit-figure {
+
    margin-bottom: 0;}
−
  margin: 0; }
     −
.orbit-image {
+
/*STEP logo bit*/
−
   margin: 0;
+
#p-logo {
−
  width: 100%;
+
   border-radius: 5px;
−
   max-width: 100%; }
+
   background-color: white;}
   −
.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 {
+
/*These are the wiki tabs*/
−
   position: absolute;
+
.vectorTabs ul li {
−
  top: 50%;
+
   border-radius: 5px 5px 0 0;
−
  -webkit-transform: translateY(-50%);
+
   background-image: none;
−
      -ms-transform: translateY(-50%);
+
   color: black;
−
          transform: translateY(-50%);
+
   background-color: #e6e6e6;}
−
   z-index: 10;
+
#ca-talk,
−
   padding: 1rem;
+
#ca-viewsource {
−
   color: #fefefe; }
+
     display: none !important;}
−
  [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 {
+
.vectorTabs li a,
−
   left: 0; }
+
.vectorTabs li.new a,
 +
.vectorTabs li.new a:visited {
 +
  background-image: none;
 +
   font-variant: all-small-caps;}
   −
.orbit-next {
+
/*This is the menu on the left*/
−
  left: auto;
+
/* increase Vector sidebar width */
−
  right: 0; }
+
#mw-panel { width: 12em; }
 +
#footer, #mw-head-base, #content { margin-left: 12em; }
 +
#left-navigation { margin-left: 12em; }
   −
.orbit-bullets {
+
#mw-panel .portal .body ul li,
−
  position: relative;
+
#mw-panel .portal .body ul li a,
−
  margin-top: 0.8rem;
+
#mw-panel .portal .body ul li a:visited,
−
  margin-bottom: 0.8rem;
+
#mw-panel .portal h3 {
−
  text-align: center; }
+
   list-style-type: none;
−
  [data-whatinput='mouse'] .orbit-bullets {
+
  color: white;
−
    outline: 0; }
+
  font-size: 1em;
−
   .orbit-bullets button {
+
  font-variant: all-small-caps;
−
    width: 1.2rem;
+
  text-decoration: none;
−
    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 {
+
/*FOOTER STUFF*/
−
   transition-duration: 500ms;
+
/*This is the feedback widget*/
−
  transition-timing-function: linear;
+
.articleFeedbackv5-panel .articleFeedbackv5-title {
−
   -webkit-transform: translateY(-100%);
+
   font-weight: normal;}
−
      -ms-transform: translateY(-100%);
+
.articleFeedbackv5-panel{
−
          transform: translateY(-100%);
+
   background: none;
−
  transition-property: -webkit-transform, opacity;
+
   border: 1px solid darkcyan;}
−
  transition-property: transform, opacity;
  −
   -webkit-backface-visibility: hidden;
  −
          backface-visibility: hidden; }
     −
.slide-in-down.mui-enter.mui-enter-active {
+
/*Last updated box*/
−
   -webkit-transform: translateY(0);
+
#footer #footer-info li {
−
      -ms-transform: translateY(0);
+
  background-color: white;
−
          transform: translateY(0); }
+
  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;}
   −
.slide-in-left.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: translateX(-100%);
+
   font-size: 1.8em;
−
      -ms-transform: translateX(-100%);
+
   color: Gray;  
−
          transform: translateX(-100%);
+
   border-bottom: 1.5px solid darkcyan;}
−
   transition-property: -webkit-transform, opacity;
  −
   transition-property: transform, opacity;
  −
  -webkit-backface-visibility: hidden;
  −
          backface-visibility: hidden; }
     −
.slide-in-left.mui-enter.mui-enter-active {
+
/*These are the subheadings*/
−
   -webkit-transform: translateX(0);
+
h3,h4, h5, h6 {  
−
      -ms-transform: translateX(0);
+
   font-size: 1.8em;
−
          transform: translateX(0); }
+
  color: Gray;}
   −
.slide-in-up.mui-enter {
+
/*This is the default photoframe*/
−
   transition-duration: 500ms;
+
.thumbinner {
−
  transition-timing-function: linear;
+
   border: 2px solid orange;
−
  -webkit-transform: translateY(100%);
+
   padding: 3px;
−
      -ms-transform: translateY(100%);
+
   text-align: center;
−
          transform: translateY(100%);
+
   overflow: hidden;}
−
   transition-property: -webkit-transform, opacity;
  −
   transition-property: transform, opacity;
  −
   -webkit-backface-visibility: hidden;
  −
          backface-visibility: hidden; }
     −
.slide-in-up.mui-enter.mui-enter-active {
+
/* TOClimit */
−
  -webkit-transform: translateY(0);
+
.toclimit-2 .toclevel-1 ul,
−
      -ms-transform: translateY(0);
+
.toclimit-3 .toclevel-2 ul,
−
          transform: translateY(0); }
+
.toclimit-4 .toclevel-3 ul,
 +
.toclimit-5 .toclevel-4 ul,
 +
.toclimit-6 .toclevel-5 ul,
 +
.toclimit-7 .toclevel-6 ul {
 +
    display: none;}
   −
.slide-in-right.mui-enter {
+
/*The textbox thingy*/
−
   transition-duration: 500ms;
+
.textbox {
−
   transition-timing-function: linear;
+
   padding: 10px 20px;
−
   -webkit-transform: translateX(100%);
+
   margin: 0 0 20px;
−
      -ms-transform: translateX(100%);
+
   font-size: 1.1em;
−
          transform: translateX(100%);
+
  font-style: italic;
−
   transition-property: -webkit-transform, opacity;
+
  background: none;
−
   transition-property: transform, opacity;
+
   border-left: 3px solid darkcyan;
−
   -webkit-backface-visibility: hidden;
+
   border-top: none;
−
          backface-visibility: hidden; }
+
   border-bottom: none;
 +
  border-right: none;}
   −
.slide-in-right.mui-enter.mui-enter-active {
+
/*Button*/
−
   -webkit-transform: translateX(0);
+
.mw-ui-button{
−
      -ms-transform: translateX(0);
+
   border: 2px solid orange;
−
          transform: translateX(0); }
+
  box-shadow: 2px 2px 3px 0px #999;}
   −
.slide-out-down.mui-leave {
+
/*wikitable*/
−
  transition-duration: 500ms;
+
/table.wikitable > tr > th, table.wikitable > * > tr > th {
−
  transition-timing-function: linear;
+
/  background-color: darkcyan;
−
  -webkit-transform: translateY(0);
+
/  color: white;
−
      -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 {
+
/*sortable wikitable*/
−
  -webkit-transform: translateY(100%);
+
table.jquery-tablesorter th.headerSort {
−
      -ms-transform: translateY(100%);
+
    border: 2px solid darkcyan;
−
          transform: translateY(100%); }
+
    cursor: pointer;
 +
    background-position: center right;
 +
    padding-right: 21px;
 +
}
   −
.slide-out-right.mui-leave {
+
/*sortable wikitable*/
−
   transition-duration: 500ms;
+
table.jquery-tablesorter th.headerSort {
−
  transition-timing-function: linear;
+
   border: 2px solid darkcyan;}
−
  -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 {
+
table.wikitable > tr > th, table.wikitable > * > tr > th {
−
   -webkit-transform: translateX(100%);
+
   background-color: darkcyan;
−
      -ms-transform: translateX(100%);
+
  color: white;}
−
          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 {
+
/*Main Page stuff*/
−
  -webkit-transform: translateY(-100%);
  −
      -ms-transform: translateY(-100%);
  −
          transform: translateY(-100%); }
     −
.slide-out-left.mui-leave {
+
body.page-Main_Page h1.firstHeading {display:none;  
−
  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 {
+
.mainpage_topbox {
−
   -webkit-transform: translateX(-100%);
+
   border-radius: 5px;
−
      -ms-transform: translateX(-100%);
+
  background: #f9f9f9;
−
          transform: translateX(-100%); }
+
  margin: 1em 0;
 +
}
   −
.fade-in.mui-enter {
+
.mainpage_layouttable {
−
  transition-duration: 500ms;
+
border: 0;
−
  transition-timing-function: linear;
+
margin: 0;
−
  opacity: 0;
+
width: 100%;
−
  transition-property: opacity; }
+
border-spacing: 10px;
 +
}
 +
.mainpage_layouttable * > tr > td {
 +
vertical-align: top;
 +
}
   −
.fade-in.mui-enter.mui-enter-active {
+
.mainpage_boxtitle {
−
  opacity: 1; }
+
    font-size: 105%;
 +
    padding: 0.4em;
 +
    background-color: #eeeeee;
 +
    font-weight: bold;
 +
    min-height: 2em;
 +
    vertical-align: middle;
 +
}
   −
.fade-out.mui-leave {
+
.mainpage_pagetitle {
−
  transition-duration: 500ms;
+
    color: black;
−
  transition-timing-function: linear;
+
    font-size: 200%;
−
  opacity: 1;
+
    padding: 0.2em 0.4em;
−
  transition-property: opacity; }
+
}
   −
.fade-out.mui-leave.mui-leave-active {
+
.mainpage_hubtitle {
−
  opacity: 0; }
+
    text-align: center;
 +
}
   −
.hinge-in-from-top.mui-enter {
+
.mainpage_boxcontents {
−
  transition-duration: 500ms;
+
    background: #ffffff;
−
  transition-timing-function: linear;
+
    padding: 0.2em 0.4em;
−
  -webkit-transform: perspective(2000px) rotateX(-90deg);
+
}
−
          transform: perspective(2000px) rotateX(-90deg);
  −
  -webkit-transform-origin: top;
  −
      -ms-transform-origin: top;
  −
          transform-origin: top;
  −
  transition-property: -webkit-transform, opacity;
  −
  transition-property: transform, opacity;
  −
  opacity: 0; }
  −
 
  −
.hinge-in-from-top.mui-enter.mui-enter-active {
  −
  -webkit-transform: perspective(2000px) rotate(0deg);
  −
          transform: perspective(2000px) rotate(0deg);
  −
  opacity: 1; }
  −
 
  −
.hinge-in-from-right.mui-enter {
  −
  transition-duration: 500ms;
  −
  transition-timing-function: linear;
  −
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  −
          transform: perspective(2000px) rotateY(-90deg);
  −
  -webkit-transform-origin: right;
  −
      -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 {
  −
  -webkit-transform: perspective(2000px) rotate(0deg);
  −
          transform: perspective(2000px) rotate(0deg);
  −
  opacity: 1; }
  −
 
  −
.hinge-in-from-bottom.mui-enter {
  −
  transition-duration: 500ms;
  −
  transition-timing-function: linear;
  −
  -webkit-transform: perspective(2000px) rotateX(90deg);
  −
          transform: perspective(2000px) rotateX(90deg);
  −
  -webkit-transform-origin: bottom;
  −
      -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 {
  −
  -webkit-transform: perspective(2000px) rotate(0deg);
  −
          transform: perspective(2000px) rotate(0deg);
  −
  opacity: 1; }
  −
 
  −
.hinge-in-from-left.mui-enter {
  −
  transition-duration: 500ms;
  −
  transition-timing-function: linear;
  −
  -webkit-transform: perspective(2000px) rotateY(90deg);
  −
          transform: perspective(2000px) rotateY(90deg);
  −
  -webkit-transform-origin: left;
  −
      -ms-transform-origin: left;
  −
          transform-origin: left;
  −
  transition-property: -webkit-transform, opacity;
  −
  transition-property: transform, opacity;
  −
  opacity: 0; }
  −
 
  −
.hinge-in-from-left.mui-enter.mui-enter-active {
  −
  -webkit-transform: perspective(2000px) rotate(0deg);
  −
          transform: perspective(2000px) rotate(0deg);
  −
  opacity: 1; }
  −
 
  −
.hinge-in-from-middle-x.mui-enter {
  −
  transition-duration: 500ms;
  −
  transition-timing-function: linear;
  −
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  −
          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 {
  −
  -webkit-transform: perspective(2000px) rotate(0deg);
  −
          transform: perspective(2000px) rotate(0deg);
  −
  opacity: 1; }
  −
 
  −
.hinge-in-from-middle-y.mui-enter {
  −
  transition-duration: 500ms;
  −
  transition-timing-function: linear;
  −
  -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 {
  −
  -webkit-transform: perspective(2000px) rotate(0deg);
  −
          transform: perspective(2000px) rotate(0deg);
  −
  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 {
  −
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  −
          transform: perspective(2000px) rotateX(-90deg);
  −
  opacity: 0; }
  −
 
  −
.hinge-out-from-right.mui-leave {
  −
  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 {
  −
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  −
          transform: perspective(2000px) rotateY(-90deg);
  −
  opacity: 0; }
  −
 
  −
.hinge-out-from-bottom.mui-leave {
  −
  transition-duration: 500ms;
  −
  transition-timing-function: linear;
  −
  -webkit-transform: perspective(2000px) rotate(0deg);
  −
          transform: perspective(2000px) rotate(0deg);
  −
  -webkit-transform-origin: bottom;
  −
      -ms-transform-origin: bottom;
  −
          transform-origin: bottom;
  −
  transition-property: -webkit-transform, opacity;
  −
  transition-property: transform, opacity;
  −
  opacity: 1; }
  −
 
  −
.hinge-out-from-bottom.mui-leave.mui-leave-active {
  −
  -webkit-transform: perspective(2000px) rotateX(90deg);
  −
          transform: perspective(2000px) rotateX(90deg);
  −
  opacity: 0; }
  −
 
  −
.hinge-out-from-left.mui-leave {
  −
  transition-duration: 500ms;
  −
  transition-timing-function: linear;
  −
  -webkit-transform: perspective(2000px) rotate(0deg);
  −
          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 {
  −
  -webkit-transform: perspective(2000px) rotateY(90deg);
  −
          transform: perspective(2000px) rotateY(90deg);
  −
  opacity: 0; }
     −
.hinge-out-from-middle-x.mui-leave {
+
.mainpage_boxcontents_small {
−
  transition-duration: 500ms;
+
     font-size: 95%;
−
  transition-timing-function: linear;
  −
  -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 {
  −
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  −
          transform: perspective(2000px) rotateX(-90deg);
  −
  opacity: 0; }
  −
 
  −
.hinge-out-from-middle-y.mui-leave {
  −
  transition-duration: 500ms;
  −
  transition-timing-function: linear;
  −
  -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-y.mui-leave.mui-leave-active {
  −
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  −
          transform: perspective(2000px) rotateY(-90deg);
  −
  opacity: 0; }
  −
 
  −
.scale-in-up.mui-enter {
  −
  transition-duration: 500ms;
  −
  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; }
  −
 
  −
.popover-title {
  −
  margin: 0;
  −
  padding: 8px 14px;
  −
  font-size: 16px;
  −
  font-weight: normal;
  −
  line-height: 18px;
  −
  background-color: #44A755 !important;
  −
  border-bottom: 1px solid #44A755 !important;
  −
  border-radius: 5px 5px 0 0;}
  −
 
  −
.popover {
  −
  position: absolute;
  −
  top: 0;
  −
  left: 0;
  −
  z-index: 1010;
  −
  display: none;
  −
  max-width: 276px;
  −
  padding: 1px;
  −
  text-align: left;
  −
  background-color: #ffffff;
  −
  background-clip: padding-box;
  −
  border: 1px solid #cccccc;
  −
  border: 1px solid #44A755 !important;
  −
  border-radius: 0;
  −
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  −
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  −
  white-space: normal;}
  −
 
  −
.table > thead > tr > td.active,
  −
.table > tbody > tr > td.active,
  −
.table > tfoot > tr > td.active,
  −
.table > thead > tr > th.active,
  −
.table > tbody > tr > th.active,
  −
.table > tfoot > tr > th.active,
  −
.table > thead > tr.active > td,
  −
.table > tbody > tr.active > td,
  −
.table > tfoot > tr.active > td,
  −
.table > thead > tr.active > th,
  −
.table > tbody > tr.active > th,
  −
.table > tfoot > tr.active > th {
  −
  color: #ffffff;
  −
  background-color: #44A755 !important;}
  −
 
  −
.fa-li {
  −
    position: absolute;
  −
    left: -2.14285714em;
  −
    width: 2.14285714em;
  −
    top: 0.25em !important;
  −
    text-align: center;}
  −
 
  −
.panel.panel-primary-light-border {
  −
    box-shadow: none;
  −
    border-color: #44A755 !important;}
  −
 
  −
.panel.panel-primary-light-border .panel-heading {
  −
    color: #000 !important;
  −
    background-color: #ffffff;
  −
    border-bottom: 1px solid #44A755 !important;
  −
    box-shadow: 0 4px 0 0 #44A755 !important;
  −
    margin-bottom: 4px;}
  −
 
  −
blockquote {
  −
    border-left: 3px solid #44A755 !important;}
  −
 
  −
.btn.btn-primary {
  −
    color: #ffffff !important;
  −
    background-color: #44A755 !important;
  −
    border-color: #00000 !important;
  −
    -webkit-transition: background-color 170ms ease-out, box-shadow 170ms ease-out;
  −
    transition: background-color 170ms ease-out, box-shadow 170ms ease-out;
  −
    box-shadow: inset 0 1px 0 0 #ffffff;
  −
    text-shadow: 0 1px 0 #f5f5f5;
  −
    position: relative;}
  −
 
  −
.title-blue {
  −
    padding-bottom: 9px;
  −
    margin: 40px 0px 20px;
  −
    border-bottom: 4px solid #44A755 !important;
  −
    color: #565656 !important;}
  −
 
  −
.panel.panel-info-white-border {
  −
    box-shadow: none;
  −
    border-color: #44A755 !important;}
  −
 
  −
.panel.panel-info-white-border .panel-heading {
  −
    color: #565656 !important;
  −
    background-color: #ffffff;
  −
    border-bottom: 1px solid #565656 !important;
  −
    box-shadow: 0 4px 0 0 #44A755 !important;
  −
    margin-bottom: 4px;}
  −
 
  −
h1,
  −
h3,
  −
h4,
  −
h5,
  −
h6,
  −
.h1,
  −
.h3,
  −
.h4,
  −
.h5,
  −
.h6 {
  −
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  −
  font-weight: 300;
  −
  line-height: 1.1;
  −
  color: #565656 !important;}
  −
 
  −
.modal-header {
  −
    padding: 15px;
  −
    border-bottom: transparent !important;
  −
    min-height: 16.25px;
   
}
 
}
   −
.modal-footer {
+
.mainpage_boxcontents_title {
−
     margin-top: 15px;
+
     display: block;
−
     padding: 19px 20px 20px;
+
    border-bottom: 1px solid #AAA;
−
     text-align: right;
+
     margin-bottom: 0.5em;
−
     border-top: transparent !important;
+
     text-align: center;
 +
     font-weight: bold;
 +
    font-size: larger;
 
}
 
}
   −
.input-group-addon {
+
.mainpage_middleblock .mainpage_hubbox_left {
−
    padding: 6px 12px;
+
  width: 75%;
−
    font-size: 16px;
  −
    font-weight: normal;
  −
    line-height: 1;
  −
    color: #ffffff !important;
  −
    text-align: center;
  −
    background-color: #565656 !important;
  −
    border: 1px solid #565656 !important;
  −
    border-radius: 0;
   
}
 
}
   −
.form-control {
+
.mainpage_mwtitle {
−
     box-shadow: inset 0 -3px 0 0 #565656 !important;
+
     color: #005288;
 
}
 
}
Sahlla Abbasi
339

edits

Retrieved from "https://wiki.sustainabletechnologies.ca/wiki/Special:MobileDiff/270...11877"

Navigation menu