MediaWiki:Common.css

From Ephemeral Film Wiki
Revision as of 15:15, 3 December 2021 by JJR (talk | contribs)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
@media screen and (min-width: 982px) {
  div#mw-panel nav.portal div.vector-menu-content ul li,
  div#mw-panel nav.portal h3 {
    font-size: 1em; /* original was 0.75em */
  }
  #p-logo {
    margin-bottom:0;
    margin-top: -18px;
  }
  #mw-panel, #p-logo, #p-logo a {
    width: 13em; /* 10em */
  }
  .mw-body, #mw-head-base, #mw-data-after-content, .mw-footer, #left-navigation {
    margin-left: 12.6em; /* 11em */
  }
  #p-logo, #p-logo a {
    height: 250px;
  }
}
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab-filmtpl a { 
  color: #a30ba5;
  font-weight: bold;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab-filmtpl a:hover { 
  color:black;
  background-color:white;
}

small.jrdebug {
  color: #A88888;
  float: right;
  font-size: 0.7em;
  display:block;
  position:absolute;
  top:-50px;
  right:1px;
  padding:2px;
  margin:15px;
  background-color:#fedaed;
}

small.jrdebug span {
  color:white;
  transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);	 /*  for IE  */
  -webkit-transform: rotate(90deg);
  display: inline-block;
}

span.edit-help-doc {
  background-color:#e1ffec;
color: #0e591e;
background-image: url(/skins/jjr/assets/info.svg);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 14px;
    background-size: 13px 13px;
margin-left: 0.5em;
border: 1px #effffa solid;
}

/* Moving Image namespace */
.ns-162 .embedvideo {
float:right;
padding-right:40px;
}

.ns-162 .mw-parser-output p:first-of-type {
  font-size: 1.5em;
}

.ns-162 #mw-page-base{
  background-image: -webkit-linear-gradient(top,#ffffff 50%,#FFFBF1 100%);
  background-image: linear-gradient(to bottom,#ffffff 50%,#FFFBF1 100%);
}

body.ns-162 { background-color: #FFFBF1; }

/* cool idea, not ready to impl */
/*.ns-162 .mw-parser-output {display:flex;}*/