MediaWiki:Common.css: Difference between revisions

From Medieval Engineers Wiki
Jump to navigation Jump to search
mNo edit summary
(Show three lines on category links)
 
(176 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/2016/12/Website-Background9.jpg");
body.page-Medieval_Engineers_Wiki_News_Archive h1.firstHeading,
color: white;
body.page-Main_Page div#contentSub,
font-size:18px;
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;
}
}
#mw-head{
 
background-color:rgba(80,60,30,0.8);
/*///////////////////////////
border-bottom: 2px solid rgba(183,143,81,0.8);
        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;
}
}
#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{
 
color:white;
.hoverzoom:hover {
background:none;
  transform: scale(1.05);
}
}
a{
 
color:rgb(183, 143, 81) !important;
/*///////////////////////////
        Templates
///////////////////////////*/
.small-box {
  border-style: solid;
  border-width: 1px;
  padding: 0px 4px;
}
}
a:visited{
.notification-box {
color:rgb(137,97,35) !important;
  border-style: solid;
  border-width: 1px;
  width: 40%;
  margin: auto;
  text-align: center;
  padding: 10px 10px 10px 10px;
}
}
div.vectorTabs li a{
.text-box {
color:white !important;
  margin: 0% 15%;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  padding: 40px 40px 40px 40px;
}
}
a.new, #p-personal a.new{
.medium-box {
color:#ba0000 !important;
  border-style: solid;
  border-width: 1px;
  margin: 0% 20%;
  text-align: left;
  font-size: 18px;
  padding: 10px 40px 10px 40px;
}
}
a.new:visited, #p-personal a.new:visited, li.new a{
.large-box {
color:#a55858 !important;
  border-style: solid;
  border-width: 1px;
  margin: 0% 5%;
  text-align: left;
  font-size: 18px;
  padding: 10px 40px 10px 40px;
}
}
#p-logo{
.header {
margin-top:55px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  font-size: 150%;
  padding: 5px 5px 5px 5px;
}
}
div.vectorTabs ul li{
.cat-text {
color:white !important;
  width: 128px;
background-color:#3b2f26;
  height: 4.8em;
background-image:none;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
}
}
div.vectorTabs ul li.selected{
/* Infoboxes */
color:white !important;
.ib-main {
background-color:#b78f51;
  width: 300px !important;  
background-image:none;
  padding: 0px !important;
font-weight: bold;
  float: right;
  clear: right;
  margin: 0px 0px 10px 12px !important;
  font-size: 88%;  
  border-style: solid;
  border-width: 1px;
}
}
.mw-body{
.ib-start {
border: 1px solid #222;
  padding: 5px 2.5px 5px 2.5px !important;  
background-color:rgba(0,0,0,0.5);
  margin: 0px !important;
font-size:16px;
  font-size: 120%;  
  font-weight: bold;
}
}
div#footer ul li{
.ib-standard {
color:rgb(123,123,123);
  font-size: 88%;
  margin: 0em 0px 0px 0px !important;
}
}
div.vectorTabs span, div.vectorTabs, div#mw-head div.vectorMenu h3{
.ib-padding {
background-image:none;
  padding: 0px 5px 2.5px 5px !important;
}
}
div.vectorTabs span a{
.ib-padding-short {
padding-top:14px;
  padding: 0px 5px 0px 5px !important;
}
}
pre, .mw-code{
.ib-border-top {
background-color:rgba(80,60,30,0.8);
  border-top-width: 1px;
color:#CCC
  border-top-style: solid;
}
}
.menu ul li{
.ib-cat-text {
background-color:#3B2F26;
  font-size: 88%;
  margin: -0.5em 0px 2.5px 0px !important;
  font-weight: bold;
}
}
.menu ul li:hover, .vectorTabs ul li:hover{
.ib-table {
background-color:#B78F51;
  width:100%;
}
  font-size: 88%;
.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 {
    border: 1px solid #ccc;
    background-color:none;
}
}

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%;
}