MediaWiki:Common.css
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 all 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;
}
.ns-162 #mw-panel #p-film_links a {
line-height: 1.5;
padding: 6px 18px;
font-size: 1rem;
}
/* new page creation navigation */
#createContentBtns {
float: right;
}
#createContentBtns .container{
padding: 5px;
}
#createContentBtns .card{
width: 300px;
height: 300px;
background-color: #f2ece5;
border-radius: 10px 10px;
border: 5px solid #f6f6f6;
}
#createContentBtns .header{
border-radius: 10px 10px 0px 0px;
padding: 5px;
background-color: #f6f6f6;
}
#createContentBtns h3{
color: #191919;
margin-left: 1rem;
margin-top: 0;
}
#createContentBtns svg.fa-w-10 {
font-size: 18px;
margin-left: 150px;
color: #c9bddc;
}
#createContentBtns .icon{
margin-right: 8px;
}
#createContentBtns .body {
border-top: 1px solid #dddddd;
}
#createContentBtns .body ul{
margin: auto;
padding: revert;
margin-top: 5px;
}
#createContentBtns .body li{
transition: 1s all;
font-size: 18px;
padding: 15px;
margin-left: -40px;
margin-top: 0px;
color: #111;
list-style: none;
display: block;
border-top-right-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
}
#createContentBtns li:hover{
transition: 500ms all;
color: #c9bddc;
background-color: rgba(242, 242, 242, 0.82);
cursor: pointer;
}
#createContentBtns .body > li{
float: left;
}
#createContentBtns .body li ul{
background: #1E2B32;
margin-left: 280px;
margin-top: -38px;
display: none;
position: absolute;
border-top-right-radius: 15px 15px;
border-bottom-right-radius: 15px 15px;
}
#createContentBtns .body li:hover > ul{
display: block;
cursor: pointer;
}
/* end new page creation navigation */
}
@media all and (max-width: 982px) {
#p-logo a { background-position: top right; }
#p-logo .mw-wiki-logo { background-image: url(/resources/assets/wiki-tiny.png); }
.ns-162 #mw-panel #p-film_links a {
line-height: 1.2;
padding: 1px 4px;
font-size: 1rem;
}
#createContentBtns { display:none; }
}
/* Most Samsung phones and iPhones are less than 415, 700 is a compromise */
@media all and (max-width: 700px) {
.tplFlex small.jrdebug { display: none; }
.ns-162 .tplContainer .tplFlex {
display:flex;
flex-direction:column;
}
.ns-162 .tplContainer .tplFlex .tplFlexLeft {
order: 3;
width:350px;
flex-shrink:1;
}
.ns-162 .mw-parser-output div.tplContainer > p {font-size: 1em;}
}
@media all and (min-width: 700px) {
.tplFlex small.jrdebug { background-color: #bfcb72; }
.ns-162 .tplContainer .tplFlex {
display:flex;
flex-direction:row;
width:calc(95vw - 200px);
justify-content: flex-start;
}
.ns-162 .tplContainer .tplFlex .tplFlexLeft {
order: 1;
width:650px;
flex-shrink:0;
}
.ns-162 .tplContainer .tplFlex .tplFlexRight {
order: 2;
max-width: 35vw;
flex-shrink:1;
min-width: 180px;
}
.ns-162 .mw-parser-output div.tplContainer > p {font-size: 1.5em;}
}
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab-jrtools a {
color: #c80874;
font-weight: bold;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab-fontaw a {
color: #a195aa;
font-weight: bold;
}
.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,
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab-fontaw a:hover,
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab-jrtools a:hover {
color:black;
background-color:white;
}
small.jrdebug {
color: #C8A9A9;
float: right;
font-size: 0.7em;
display:block;
position:absolute;
top:-50px;
right:1px;
padding:4px;
margin:15px;
background-color:#defaed;
}
small.jrdebug span.debugDecor {
color:#e1c1d1;
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;
}
/*Year Nav*/
.yearNav {
display: flex;
font-size: 2.3em;
justify-content: center;
align-items: center;
}
.yearNav .prev, .yearNav .next { font-size:0.7em; }
.yearNav .curr {
padding:0 1.5em 0;
font-weight:bold;
}
.ns-162 .tplEnd {
clear:both;
border-bottom: 1px #f2ece5 solid;
}
.ns-162 .embedvideo .embedvideo{ margin-left:1px; }
.ns-162 #mw-page-base{
background-image: -webkit-linear-gradient(top,#ffffff 50%,#f2ece5 100%);
background-image: linear-gradient(to bottom,#ffffff 50%,#f2ece5 100%);
}
.ns-162 .mw-body{ border: 1px solid #cfb89d; }
/*.ns-162 .vector-menu-tabs, .ns-162 .vector-menu-tabs a, .ns-162 #mw-head .vector-menu-dropdown h3*/
.ns-162 .catlinks{ border: 1px solid #cfb89d; }
body.ns-162 { background-color: #f2ece5; }
.ns-162 .tplContainer .tplFlex dl {
padding-right: 5rem;
border-right: 1px solid transparent;
}
.ns-162 #mw-panel #p-film_links a {
cursor: pointer;
outline: 0;
display: inline-block;
font-weight: bold;
text-align: center;
background-color: transparent;
border: 1px solid transparent;
color: #685c7a;
border-color: #685c7a;
background-color: #c9bddc;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ns-162 #mw-panel #p-film_links a:hover {
color: #fff;
background-color: #685c7a;
border-color: #685c7a;
}
.ns-162 svg.fa-film {
background-color: #CFEECF;
padding: 1px 4px;
}
.phc {
border: 2px dashed #eebbbb;
background-color: #ffeaea;
padding: 10px;
margin: 3px;
display:flex;
flex-direction:column;
}
.phc .phcWarnMain {
display:flex;
flex-direction:row;
}
.phc .phcWarnMain .phcicon svg{
height: 34px;
vertical-align: 1em;
margin-top: 14px;
margin-right: 20px;
width: 34px;
color:#eebbbb;
}
.phc .phcwarn {
font-size:1.5em;
color:#da9a9a;
width: 400px;
margin-right:10px;
}
.phc .phcmain {
font-size:1em;
display:flex;
flex-direction:column;
}
.phc .phcseeing {
font-size:0.8em;
align-self:center;
}
small.debugData {
font-family: 'Courier New', monospace;
color: #AAAAAA;
font-size: 0.8em;
margin-top: -9px;
position: absolute;
}
small.debugData a {color:#999999;}
.docsub {
font-size:1.1em;
background-color:#e1ffec;
padding:25px;
}
span.descHeader {
font-weight: bold;
margin-bottom: 0.1em;
}
span.createpg a {
cursor: pointer;
outline: 0;
display: inline-block;
font-weight: bold;
text-align: center;
background-color: transparent;
border: 1px solid transparent;
color: #685c7a;
border-color: #685c7a;
background-color: #c9bddc;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
span.createpg a:hover {
color: #fff;
background-color: #685c7a;
border-color: #685c7a;
}