Difference between revisions of "MediaWiki:Common.css"

From Ephemeral Film Wiki
Jump to navigation Jump to search
Line 29: Line 29:


small.jrdebug {
small.jrdebug {
  color: #A88888;
   float: right;
   float: right;
   font-size: 0.7em;
   font-size: 0.7em;
Line 37: Line 38:
   padding:2px;
   padding:2px;
   margin:15px;
   margin:15px;
   background-color:#fecae3;
   background-color:#fedaed;
}
}


Line 61: Line 62:
}
}


/* Moving Image namespace */
.ns-162 .embedvideo {
.ns-162 .embedvideo {
float:right;
float:right;
Line 69: Line 71:
   font-size: 1.5em;
   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 */
/* cool idea, not ready to impl */
/*.ns-162 .mw-parser-output {display:flex;}*/
/*.ns-162 .mw-parser-output {display:flex;}*/

Revision as of 15:15, 3 December 2021

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