MediaWiki: Common.css: Difference between revisions

From The Lost Media Wiki
Jump to: navigation, search
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
video#bgvideo {  
 
   position: fixed;
/* css overrides for skin metrolook */
   top: 50%;
/*
   left: 50%;
 
   min-width: 100%;
body {
   min-height: 100%;
  background-color: white !important;
   width: auto;
}
   height: auto;
 
   z-index: -100;
@font-face {
   -ms-transform: translateX(-50%) translateY(-50%);
    font-family: lvnm;
   -moz-transform: translateX(-50%) translateY(-50%);
    src: url(/skins/common/fonts/lvnm.ttf);
   -webkit-transform: translateX(-50%) translateY(-50%);
}
  transform: translateX(-50%) translateY(-50%);
 
  opacity:.3;
*{
  font-family:lvnm;
}
 
div#mw-head, div.vectorMenu{
background:#127A23 !important;
}
 
body{
background: url(http://lostmediawiki.com/skins/Metrolook/images/Wiki-background_v2.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 
#right-navigation {
  left: 0;
   position: absolute;
   top: 40px;
}
 
div#simpleSearch{
  width:10em;
}
 
div#content{
  width:70%;
   margin: 0 auto;
}
 
div.vectorMenu h5 > a {
  border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-top: 10px solid #fff;
  height: 0;
  margin-top: 15px;
   width: 0;
   padding: 5px 0px;
}
 
.lighthover > img, .lighthover > :nth-child(3){
  display:none;
}
 
#contentSub{
  display:none;
}
 
.onhoverbg:hover {
  background: none repeat scroll 0 0 #194517 !important;
}
 
div.vectorTabs a:hover {
   background: none repeat scroll 0 0 #194517;
}
 
#right-navigation{
  width:180px;
}
 
div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited {
  color: #000 !important;
}
 
div.vectorMenu ul {
  border-color: #194517 !important;
   border-right: 2px solid #194517 !important;
}
 
#mw-panel .portal .body a {
  color: #fff !important;
}
 
#mw-panel .portal .body a:hover {
  color: #cccccc !important;
}
 
#mw-panel .portal h5 a {
  color: #50a84d !important;
   font-size: large;
  font-weight: 600;
}
 
#mw-panel .portal h5 a:hover {
  color:#cccccc !important;
}
 
#mw-panel{
  top:75px !important;
}
*/
/* CSS overrides for the skin metrolook ends here*/
 
/*
Infobox related style
*/
.wikia-infobox td, .wikia-infobox th {
  overflow: hidden;
  padding: 2px 3px 7px;
  vertical-align: top;
}
 
.wikia-infobox {
  border: 1px solid #cccccc;
  float: right;
  line-height: 15px;
  margin: 0 0 16px 16px;
  padding: 15px 8px 8px;
  width: 247px;
}
 
.wikia-infobox th {
  font-weight: bold;
  text-align: left;
  width: 20%;
}
 
.wikia-infobox th.wikia-infobox-header {
  font-size: 17px;
  font-weight: bold;
  margin-top: 20px;
  padding: 5px 3px 8px;
  text-align: left;
}
 
.wikia-infobox th .wikia-infobox-section-header {
  border-top: 1px solid #cccccc;
  margin-top: 7px;
  padding-top: 20px;
}
 
.wikia-infobox .wikia-infobox-image {
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 225px;
}
 
.wikia-infobox .wikia-infobox-caption {
  font-size: 12px;
  text-align: center;
}
 
.wikia-infobox-image img {
  margin: 0 auto;
  text-align: center;
}
/*
*Infobox related css
*/
 
#ca-talk { display:none!important; }
 
#ca-view { display:none!important; }
 
.form-control, .form-group { width: 100% !important; }
 
ul.sub-side-menu { padding-top:8px }
 
#toolbar img, #toolbar .img-responsive { display:inline-block; width:unset }
 
 
/* TWO VERTICAL LINES */
 
#maincontent {
   border-right:1px #36782c solid;
  border-left: 1px #36782c solid;
}
 
.tcenter {
  text-align:center;
  text-align:-moz-center;
}
 
/* Infobox template style */
.infobox {
    background-color: #2b2d3c;
    color: #fff;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0 0 1.5em 0;
    /* @noflip */
    /* @noflip */
    clear: right;
    font-size: 100%;
    line-height: 1.5em;
}
.infobox-picture p {
    font-size: 80%;
}
.infobox img {
    width:100%;
    height: auto;
}
.infobox .contacts img,
.infobox .claimit img {
    width:unset;
    height:auto;
}
.infobox-row {
    font-size: 100%;
    padding: 0.2em 0.2em 1em 0.2em;
    text-align: center;
}
.infobox-header {
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    background: #36782c;
    border: none;
    padding: .4em 1.5em;
    margin-bottom: 1.2em;
    margin-top: 1.2em;
    color: #fff;
}
.infobox:first-child {
    margin-top: 0 !important;
}
.infobox-parameter {
    font-weight:bold;
}
.infobox-value {
}
.infobox-value ul {
    margin: 0.1em 0 .2em .9em;
}
}

Revision as of 03:36, 28 January 2018

video#bgvideo { 
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity:.3;
}