MediaWiki:Monobook.css: Difference between revisions

From City of Heroes: Rebirth Wiki
Jump to navigation Jump to search
No edit summary
(Reverted edits by Oth (talk) to last revision by [[User:imported>Sekoia|imported>Sekoia]])
Tag: Rollback
Line 1: Line 1:
/* General body setup */
html, body {
  min-height: 100%;
  height: auto !important;
}
html {
  background-color: #F3F3F3;
  background-image: url("/images/3/3c/Skin_footer.png"), url("/images/b/b0/Skin_page_bg_gradient.png");
  background-repeat: repeat-x, repeat-x;
  background-position: left bottom -75px, left top;
}
body {
body {
   font-size: 0.8125em;
   background: #283C71 url("skins/assets/headbg.png") 0 0 repeat-y;
  line-height: 1.538em;
  width: 100%;
  background: none !important;
}
}


body div#globalWrapper{
#content {
   font-size: 100%;
   font-family: sans-serif;
  background: none !important;
}
}


div#column-content {
.pBody {
  background-color: #ccdaff;
   background-image: url("");
   background-image: url("skins/assets/portletbg.png");
   background-position: top left;
   background-repeat: repeat-x;
   background-repeat: no-repeat;
   border-top: 1px solid white;
   background-color: transparent;
   border-right: 1px solid #aaaaaa;
   width: 100%;
   border-bottom: 1px solid #aaaaaa;
   position: static;
   -moz-border-radius-topright: 4px;
   min-height: 249px;
   -moz-border-radius-bottomright: 4px;
}
}


div#content {
.portlet ul {
  margin-top: 5.2em !important;
   list-style-image: url("skins/assets/bullet.gif");
  margin-left: 12.2em !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 1.2em 1.5em;
  border-right-width: 0;
  position: relative;
}
 
#bodyContent {
  padding-top: 0.1em;
  position: relative;
}
 
#mw-dismissable-notice {
  margin-bottom: 1em;
}
 
 
/* Footer */
#footer {
  background-color: transparent !important;
  margin-left: 12.2em !important;
  padding: 1em !important;
  border-width: 0 !important;
  text-align: left !important;
  font-size: 1em !important;
}
 
#footer #f-list {
   margin: 0 14em 0 0;
  padding: 0 88px 0 0;
  position: absolute;
}
 
#footer li {
  display: block !important;
  font-size: 0.923em;
  line-height: 1.667em;
  margin: 0 !important;
  padding: 0;
}
 
#footer #f-list #privacy, #footer #f-list #about, #footer #f-list #disclaimer {
  float: left;
  margin-right: 1em !important;
  margin-top: 0.833em !important;
}
 
/* Text sizes */
h1, #bodyContent > h1 {
  font-family: "EasonPro","Times New Roman", serif !important;
  font-size: 2.231em;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 0.724em;
  margin-bottom: 0.690em;
  padding: 0;
}
 
#firstHeading {
  font-size: 2.231em;
  margin-top: 0;
  padding: 0;
}
 
h2, #bodyContent > h2 {
  font-family: "EasonPro","Times New Roman", serif !important;
  font-weight: normal;
  font-size: 1.923em;
  line-height: 1.2em;
  margin-top: 1em;
  margin-bottom: 0.4em;
  padding: 0;
}
 
h3, #bodyContent > h3 {
  font-family: Arial, sans-serif !important;
  font-weight: bold;
  font-size: 1.3077em;
  line-height: 1.15em;
  margin-top: 1.353em;
  margin-bottom: 0.588em;
  padding: 0;
}
 
h4, #bodyContent > h4 {
  font-family: Arial, sans-serif !important;
  font-size: 1.154em;
  font-weight: bold;
  line-height: 1.1em;
  margin-top: 1em;
  margin-bottom: 0.667em;
  padding: 0;
}
}


h5, #bodyContent > h5 {
.portlet h3 {
   font-family: Arial, sans-serif !important;
  color: white;
   font-size: 1em;
   font-size: 105%;
   text-transform: capitalize;
   font-weight: bold;
   font-weight: bold;
  line-height: 1.15em;
  margin-top: 1.308em;
  margin-bottom: 0.769em;
  padding: 0;
}
h6, #bodyContent > h6 {
  font-family: Arial, sans-serif !important;
  font-size: 0.923em;
  font-weight: bold;
  line-height: 1em;
  margin-top: 1.5em;
  margin-bottom: 0.833em;
  padding: 0;
}
table.table th > h1,
table.table th > h2,
table.table th > h3,
table.table th > h4,
table.table th > h5,
table.table th > h6 {
  margin-top:0.25em;
  margin-bottom:0.25em;
  border: none;
}
p, ul, ol, dl {
  margin-top: 0.769em;
  margin-bottom: 0.769em;
  line-height: 1.538em;
}
dd, dt, li {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.538em;
}
.mw-changeslist-legend dt, .mw-changeslist-legend dd { line-height: 1.2em; }
li > ul, li > ol {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
sup, sub {
  line-height: 0;
}
div#globalWrapper, input, select {
  font-family: Arial, sans-serif;
  line-height: 1.538em;
}
input, select {
  font-size: 1em;
}
div#content #toc {
  margin: 10px 0px;
}
.special li {
  line-height: 1.538em;
}
span.mw-editsection {
  font-family: Arial, sans-serif;
  font-size: 13px !important;
  line-height: inherit;
  vertical-align: middle;
}
textarea, pre, xmp, plaintext, listing {
  font-size: 12px;
  font-family: monospace;
}
pre, xmp, plaintext, listing {
  white-space: pre-wrap;
}
/** Page tabs **/
#p-cactions {
  position: absolute;
  top: 3em;
  left: 0;
  margin: 0 0 0 12.2em;
  font-size: 1em;
  width: 76%;
  padding: 0;
  z-index: 2; /* fixme */
}
}


#p-cactions .pBody {
#p-cactions .pBody {
   font-size: 0.923em;
   background-image: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}
}


#p-cactions ul {
#p-cactions ul {
  margin: 0 0 0 1px;
   list-style-type: none;
   list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#p-cactions li.selected, #p-cactions li {
  padding: 0;
  display: inline-block;
}
}


#p-cactions li {
#p-cactions li {
  border: 1px solid #aaa;
   border-bottom: white;
   border-bottom-color: #ccc;
  background-color: #eee;
  display: block;
  float: left;
  height: 2.3em;
  line-height: 2.3em;
  margin: 0 0 0 -1px;
}
}


#p-cactions li#ca-talk {
#p-cactions li a {
   margin-right: 1.7em;
   background: #01387e url("skins/assets/unselectbg.jpg") repeat-x scroll top left;
 
  color: white;
  z-index: 0;
}
}


 
/* For some reason, this isn't working in IE 7.  Probably the result of a crappy browser, or it
  might be defined as ! important or something in the IE-specific templates.  I'll check later,
  it's not that big a deal.  --TonyV */
#p-cactions li.selected {
#p-cactions li.selected {
  background-color: #fff;
   border-color: #ffffff;
  background-image: none;
  border: 1px solid #ccc;
   border-bottom-width: 0px;
  font-weight: normal;
  margin: 0 0 0 -1px;
  padding-bottom: 1px !important;
  overflow: visible;
}
 
#p-cactions li.selected a, #p-cactions li.selected a:hover {
  color: #000;
}
 
#p-cactions li:hover {
  background-color: #F8F8F8;
}
 
#p-cactions li:first-child,
#p-cactions li:nth-child(3) {
  border-top-left-radius:0.7em
}
 
#p-cactions li:nth-child(2),
#p-cactions li:last-child {
  border-top-right-radius:0.7em
}
 
#p-cactions li a, #p-cactions li a:hover, #p-cactions li.istalk a, #p-cactions #ca-addsection a {
  padding: 0.6em 1em;
  background: none;
}
}


#p-cactions li.selected a {
#p-cactions li.selected a {
   background: none;
   background: #007f28 url("skins/assets/selectbg.jpg") 0 0 repeat-x;
   color: #002bb8;
   z-index: 0;
}
 
/* Left of page elements */
#p-logo a, #p-logo a:hover {
  width: 12.25em;
}
 
#p-logo {
  height: 160px;
  margin: 0;
  width: 12.25em;
   background-color: transparent;
}
 
#p-navigation {
   margin-top: 1.5em;
}
}


#p-navigation h3 {
#p-cactions .new a {
   display: none;
   color: #bed0ff;
}
}


.portlet {
#p-cactions li a:hover {
  width: 11em;
   background: white url("skins/assets/hoverbg.jpg") repeat-x scroll top left;
  position: relative;
   overflow: hidden;
  font-size: 1em;
   z-index: 0;
  margin: 0.833em 0.5em 0.833em;
}
 
.portlet h5, .portlet h3 {
  color: #4d4d4d;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.333em;
  text-transform: none;
  display: block;
  margin: 0;
  padding: 0.2em 0.9em 0.5em;
  width: 9.2em;
}
 
.portlet .pBody, #p-search .pBody {
  border: 0;
  padding: 0.333em;
  line-height: 1.429em;
  background-color: transparent;
}
 
.portlet .pBody {
  margin: 0 0.5em;
  padding: 0;
}
 
.portlet ul {
  font-size: 1em;
  list-style-image: none;
  list-style-type: none;
  margin: 0em 0em 0em 0.5em;
}
 
.pBody ul {
  padding-inline-start: 0em;
}
 
.pBody li {
  line-height: 1.667em;
}
 
#searchInput {
   font-size: 1em;
  width: 10em;
}
 
/* Top of page elements */
/** Personal portlet **/
.pBody {
  font-size: 0.923em;
}
 
#p-personal {
  text-align: right;
}
 
#p-personal .pBody {
  width: auto;
  display: inline-block;
  padding-right: 0.75em;
  border-radius: 0 0 0 0.5em;
  background-color: #fff;
  margin-left: 12em;
}
 
#p-personal ul {
  padding: 0;
   line-height: 1.667em;
}
 
#p-personal li {
   font-size: 1em;
  margin: 0.5em 0 0.5em 1em;
}
}


#p-personal li a {
#p-personal li a {
   color: #002BB8;
   color: white;
}
}


#p-personal li a:hover {
#p-personal li a:hover {
   padding: 0;
   /* color: #283c71; -- Old-style color without the background below */
  background-color: transparent;
   background: #01387e url("skins/assets/hoverbg.jpg") repeat-x scroll top left;
}
 
li#pt-userpage {
   background: none;
  padding-left: 0px !important;
}
}


/* Editing panel */
h4 { font-size: 122%; }
/** Red cancel button **/
h4 .editsection { font-size: 82%; font-weight: normal; }
.editButtons span.oo-ui-buttonElement-frameless a { height:33px; border:1px solid #ccc; background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#fee),color-stop(100%,#ffd6d6)); background-image: -webkit-linear-gradient(top,#fee 0,#ffd6d6 100%); background-image: -moz-linear-gradient(top,#fee 0,#ffd6d6 100%); background-image: linear-gradient(to bottom,#fee 0,#ffd6d6 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffeeee',endColorstr='#ffffd6d6' )"; }
h5 { font-size: 112%; }
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > span.oo-ui-labelElement-label { color:rgb(51, 51, 51); }
h5 .editsection { font-size: 89%; font-weight: normal; }
.editButtons span.oo-ui-buttonElement-frameless a:hover { border-color:#b55 }
h6 { font-size: 100%; }
h6 .editsection { font-size: 100%; font-weight: normal; }

Revision as of 00:48, 8 September 2019

body {
  background: #283C71 url("skins/assets/headbg.png") 0 0 repeat-y;
}

#content {
  font-family: sans-serif;
}

.pBody {
  background-color: #ccdaff;
  background-image: url("skins/assets/portletbg.png");
  background-repeat: repeat-x;
  border-top: 1px solid white;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.portlet ul {
  list-style-image: url("skins/assets/bullet.gif");
}

.portlet h3 {
  color: white;
  font-size: 105%;
  text-transform: capitalize;
  font-weight: bold;
}

#p-cactions .pBody {
  background-image: none;
}

#p-cactions ul {
  list-style-type: none;
}

#p-cactions li {
  border-bottom: white;
}

#p-cactions li a {
  background: #01387e url("skins/assets/unselectbg.jpg") repeat-x scroll top left;
  color: white;
  z-index: 0;
}

/* For some reason, this isn't working in IE 7.  Probably the result of a crappy browser, or it
   might be defined as ! important or something in the IE-specific templates.  I'll check later,
   it's not that big a deal.  --TonyV */
#p-cactions li.selected {
  border-color: #ffffff;
}

#p-cactions li.selected a {
  background: #007f28 url("skins/assets/selectbg.jpg") 0 0 repeat-x;
  color: #002bb8;
  z-index: 0;
}

#p-cactions .new a {
  color: #bed0ff;
}

#p-cactions li a:hover {
  background: white url("skins/assets/hoverbg.jpg") repeat-x scroll top left;
  overflow: hidden;
  z-index: 0;
}

#p-personal li a {
  color: white;
}

#p-personal li a:hover {
  /* color: #283c71; -- Old-style color without the background below */
  background: #01387e url("skins/assets/hoverbg.jpg") repeat-x scroll top left;
}

h4 { font-size: 122%; }
h4 .editsection { font-size: 82%; font-weight: normal; }
h5 { font-size: 112%; }
h5 .editsection { font-size: 89%; font-weight: normal; }
h6 { font-size: 100%;  }
h6 .editsection { font-size: 100%; font-weight: normal; }