MediaWiki:Common.css: Difference between revisions

From Medieval Engineers Wiki
Jump to navigation Jump to search
No edit summary
(Show three lines on category links)
 
(73 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
body.page-Main_Page h1.firstHeading,
body{
body.page-Medieval_Engineers_Wiki_News h1.firstHeading,
background-image: URL("http://test.medievalengineers.com/wp-content/uploads/2017/01/Website-BackgroundTall.jpg");
body.page-Medieval_Engineers_Wiki_News_Archive h1.firstHeading,
background-attachment: fixed;
body.page-Main_Page div#contentSub,
color: white;
body.page-Main_Page div#jump-to-nav
font-size:18px;
  { display:none; }
 
/*///////////////////////////
  Namespace modifications
///////////////////////////*/
.ns-3012 .mw-body { border-color: rgb(141,37,37,0.8); }
.ns-8 .mw-body { border-color: red; }
.ns-10 .mw-body { border-color: rgba(183,143,81,0.8); }
 
/*///////////////////////////
          Editor
///////////////////////////*/
.wikiEditor-ui-buttons {
  display: none !important;
}
}
#mw-head{
 
background-color:rgba(80,60,30,0.8);
/*///////////////////////////
border-bottom: 2px solid rgba(183,143,81,0.8);
        General Use
}
///////////////////////////*/
#mw-panel, .mw-body, h1, h2, h3, h4, h5, #mw-page-base, #mw-head-base,div#mw-panel div.portal h3, div.vectorMenu h3 span{
.hoverzoom {
color:white;
  -webkit-transition: all 100ms ease;
background:none;
  -moz-transition: all 100ms ease;
}
  -ms-transition: all 100ms ease;
a{
  -o-transition: all 100ms ease;
color:rgb(183, 143, 81) !important;
  transition: all 100ms ease;
}
a:visited{
color:rgb(137,97,35) !important;
}
div.vectorTabs li a{
color:white !important;
}
a.new, #p-personal a.new{
color:#ba0000 !important;
}
a.new:visited, #p-personal a.new:visited, li.new a{
color:#a55858 !important;
}
#p-logo{
margin-top:55px;
}
div.vectorTabs ul li{
color:white !important;
background-color:#3b2f26;
background-image:none;
}
div.vectorTabs ul li.selected{
color:white !important;
background-color:#b78f51;
background-image:none;
font-weight: bold;
}
.mw-body{
border: 1px solid #222;
background-color:rgba(0,0,0,0.5);
font-size:16px;
}
div#footer ul li{
color:rgb(123,123,123);
}
div.vectorTabs span, div.vectorTabs, div#mw-head div.vectorMenu h3{
background-image:none;
}
div.vectorTabs span a{
padding-top:14px;
}
pre, .mw-code{
background-color:rgba(80,60,30,0.8);
color:#CCC
}
.menu ul li{
background-color:#3B2F26;
}
.menu ul li:hover, .vectorTabs ul li:hover{
background-color:#B78F51;
}
.menu ul li:hover a,.vectorTabs ul li:hover a{
text-decoration:none;
}
.menu ul{
border-top:2px solid #B78F51;
}
.menu ul li a{
color:white !important;
}
#pagehistory .selected{
background-color:#3B2F26 !important;
}
div.thumbinner {
    background-color: transparent;
    /*border-style: none !important;*/
}
html .thumbimage {
    border-style: none !important;
}
table.wikitable > tr > th, table.wikitable > * > tr > th, table.mw_metadata, table.mw_metadata th, table.mw_metadata td, table.wikitable, th, td {
    background-color: transparent;
    color: white;
}
ul#filetoc, .mw-search-profile-tabs {
    border: 1px solid #222;
    background-color: #3B2F26;
}
.editOptions {
    background-color:rgba(80,60,30,0.8);
    border: 1px solid #222;
}
textarea {
    background-color:rgba(80,60,30,0.8);
    color: white;
    border: 1px solid #222;
}
textarea:focus {
    border: 1px solid #B78F51 !important;
    outline: none;
}
input:focus {
    outline: none;
}
.mw-warning {
    border: 1px solid #222;
    background-color: #3B2F26;
}
.mw-highlight {
    background: transparent;
    background-color: rgb(0, 0, 0);
}
#toc, .toc, .mw-warning, .toccolours {
    border: 1px solid #222;
    background-color:rgba(80,60,30,0.8);
}
.catlinks {
    border: 1px solid #222;
    background-color:rgba(80,60,30,0.8);
}
.mw-normal-catlinks {
    color: rgb(183, 143, 81) !important;
}
fieldset {
    border: 1px solid #FFF;
}
div.mw-warning-with-logexcerpt {
    border: 2px solid #FFF;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
    color: #c2a16d;
    background-color: transparent;
    border-color: #c2a16d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    color: #000;
    background-color: #c2a16d;
    border-color: #c2a16d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
    color: #000;
    background-color: #c2a16d;
    border-color: #c2a16d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: #c2a16d;
    box-shadow: none;
}
}


.oo-ui-dropdownWidget, .oo-ui-textInputWidget input, oo-ui-textInputWidget textarea {
.hoverzoom:hover {
    background-color: rgba(80,60,30,0.8);
  transform: scale(1.05);
    border: 1px solid #c2a16d;
    box-shadow: none;
}
.oo-ui-dropdownWidget-handle {
    border: 1px solid #c2a16d;
}
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
    background-color: rgba(80,60,30,0.8);
    border: 1px solid #c2a16d;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
    border-color: #c2a16d;
    box-shadow: none;
}
:focus {
    outline: -webkit-focus-ring-color none;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
    box-shadow: none;
    color: #FFF;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
    border-color: #c2a16d;
}
.oo-ui-menuSelectWidget {
    background-color: rgba(80,60,30,0.8);
    border: 1px solid #c2a16d;
    box-shadow: none;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: #c2a16d;
    color: #000;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #c2a16d;
    color: #000;
}
.oo-ui-checkboxInputWidget [type="checkbox"]:active + span{
    background-color: #c2a16d;
    border-color: #c2a16d;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #c2a16d;
}
select {
    color: #FFF;
    background-color: rgba(80,60,30,0.8);
    border-color: #c2a16d;
    border-image: none;
}
input {
    background-color: rgba(80,60,30,0.8);
    border-color: #c2a16d;
    border-image: none;
    color: #FFF;
}
}


/*///////////////////////////
/*///////////////////////////
         WikiEditor
         Templates
///////////////////////////*/
///////////////////////////*/
.wikiEditor-ui {
.small-box {
    background-color: transparent;
  border-style: solid;
}
  border-width: 1px;
.wikiEditor-ui .wikiEditor-ui-view {
  padding: 0px 4px;
    border: none;
}
.wikiEditor-ui a{
    color: white !important;
}
.wikiEditor-ui-controls {
    background-color: rgba(80,60,30,0.8);
}
.wikiEditor-ui-tabs{
    border: none;
}
.wikiEditor-ui-tabs div.current {
    border: none;
    background-color: #b78f51;
}
}
.wikiEditor-ui-tabs div {
.notification-box {
    background-color: #3b2f26;
  border-style: solid;
    border: none;
  border-width: 1px;
  width: 40%;
  margin: auto;
  text-align: center;
  padding: 10px 10px 10px 10px;
}
}
.wikiEditor-ui-buttons {
.text-box {
    background-color: transparent;
  margin: 0% 15%;
    border: none;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  padding: 40px 40px 40px 40px;
}
}
.wikiEditor-ui-toolbar {
.medium-box {
    background-image: none;
  border-style: solid;
    background-color: rgba(80,60,30,0.8);
  border-width: 1px;
  margin: 0% 20%;
  text-align: left;
  font-size: 18px;
  padding: 10px 40px 10px 40px;
}
}
.wikiEditor-ui-toolbar .sections .section {
.large-box {
    border-top: 1px solid #b78f51;
  border-style: solid;
    background-color: transparent;
  border-width: 1px;
  margin: 0% 5%;
  text-align: left;
  font-size: 18px;
  padding: 10px 40px 10px 40px;
}
}
.wikiEditor-ui .wikiEditor-ui-top {
.header {
    border-bottom: 1px solid #b78f51;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  font-size: 150%;
  padding: 5px 5px 5px 5px;
}
}
.wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .booklet .index div, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .section-help .page-table td {
.cat-text {
    color: white !important;
  width: 128px;
  height: 4.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
}
}
.wikiEditor-ui-toolbar .group .tool-select, .wikiEditor-ui-toolbar .group .tool-select .menu .options, .wikiEditor-ui-toolbar .booklet .pages {
/* Infoboxes */
    background-color: #3b2f26;
.ib-main {
  width: 300px !important;
  padding: 0px !important;
  float: right;
  clear: right;
  margin: 0px 0px 10px 12px !important;
  font-size: 88%;
  border-style: solid;
  border-width: 1px;
}
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options a:hover, .wikiEditor-ui-toolbar .page-characters div span:hover, .wikiEditor-ui-toolbar .booklet .index .current {
.ib-start {
    background-color: #b78f51;
  padding: 5px 2.5px 5px 2.5px !important;
  margin: 0px !important;
  font-size: 120%;
  font-weight: bold;
}
}
.wikiEditor-ui-toolbar .group {
.ib-standard {
    border-right: 1px solid #b78f51;
  font-size: 88%;
  margin: 0em 0px 0px 0px !important;
}
}
.wikiEditor-ui-toolbar .group .tool-select, .wikiEditor-ui-toolbar .group .tool-select .menu .options, .wikiEditor-ui-toolbar .page-characters div span {
.ib-padding {
    border: 1px solid #b78f51;
  padding: 0px 5px 2.5px 5px !important;
}
}
.wikiEditor-ui-toolbar .group-search {
.ib-padding-short {
    border-left: 1px solid #b78f51;
  padding: 0px 5px 0px 5px !important;
}
}
.wikiEditor-preview-contents {
.ib-border-top {
    background-color: rgba(80,60,30,0.8);
  border-top-width: 1px;
  border-top-style: solid;
}
}
#simpleSearch{
.ib-cat-text {
background-image:none !important;
  font-size: 88%;
  margin: -0.5em 0px 2.5px 0px !important;
  font-weight: bold;
}
}
button, .editButtons > input{
.ib-table {
background-color:#B78F51 !important;
  width:100%;
border:1px solid #222 !important;
  font-size: 88%;
color:white !important;
/*font-weight: bold !important;*/
text-shadow:1px 1px #222 !important;
padding-top: 3px !important;
padding-bottom: 3px !important;  
}
}

Latest revision as of 22:59, 12 August 2023

body.page-Main_Page h1.firstHeading,
body.page-Medieval_Engineers_Wiki_News h1.firstHeading, 
body.page-Medieval_Engineers_Wiki_News_Archive h1.firstHeading,
body.page-Main_Page div#contentSub,
body.page-Main_Page div#jump-to-nav
  { display:none; }

/*///////////////////////////
   Namespace modifications
///////////////////////////*/
.ns-3012 .mw-body { border-color: rgb(141,37,37,0.8); }
.ns-8 .mw-body { border-color: red; }
.ns-10 .mw-body { border-color: rgba(183,143,81,0.8); }

/*///////////////////////////
          Editor
///////////////////////////*/
.wikiEditor-ui-buttons {
  display: none !important;
}

/*///////////////////////////
        General Use
///////////////////////////*/
.hoverzoom {
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

.hoverzoom:hover {
  transform: scale(1.05);
}

/*///////////////////////////
         Templates
///////////////////////////*/
.small-box {
  border-style: solid;
  border-width: 1px;
  padding: 0px 4px;
}
.notification-box {
  border-style: solid;
  border-width: 1px;
  width: 40%; 
  margin: auto; 
  text-align: center; 
  padding: 10px 10px 10px 10px;
}
.text-box {
  margin: 0% 15%;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  padding: 40px 40px 40px 40px;
}
.medium-box {
  border-style: solid;
  border-width: 1px;
  margin: 0% 20%; 
  text-align: left; 
  font-size: 18px; 
  padding: 10px 40px 10px 40px;
}
.large-box {
  border-style: solid;
  border-width: 1px;
  margin: 0% 5%; 
  text-align: left; 
  font-size: 18px; 
  padding: 10px 40px 10px 40px;
}
.header {
  border-style: solid;
  border-width: 1px;
  text-align: center;
  font-size: 150%;
  padding: 5px 5px 5px 5px;
}
.cat-text {
  width: 128px;
  height: 4.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
}
/* Infoboxes */
.ib-main {
  width: 300px !important; 
  padding: 0px !important; 
  float: right; 
  clear: right; 
  margin: 0px 0px 10px 12px !important; 
  font-size: 88%; 
  border-style: solid;
  border-width: 1px;
}
.ib-start {
  padding: 5px 2.5px 5px 2.5px !important; 
  margin: 0px !important; 
  font-size: 120%; 
  font-weight: bold;
}
.ib-standard {
  font-size: 88%;
  margin: 0em 0px 0px 0px !important;
}
.ib-padding {
  padding: 0px 5px 2.5px 5px !important;
}
.ib-padding-short {
  padding: 0px 5px 0px 5px !important;
}
.ib-border-top {
  border-top-width: 1px;
  border-top-style: solid;
}
.ib-cat-text {
  font-size: 88%;
  margin: -0.5em 0px 2.5px 0px !important; 
  font-weight: bold;
}
.ib-table {
  width:100%;
  font-size: 88%;
}