MediaWiki:Common.css: Difference between revisions

Revision as of 07:52, 20 August 2023

/* CSS placed here will be applied to all skins */
#ca-viewsource { display: none !important; }
#ca-history { display: none !important;}
#ca-talk { display: none !important; }
#p-tb { display: none; }

/*#################################
############# NavigationBar #############
#################################*/

.breadcrumb { 
  list-style: none; 
  overflow: hidden; 
}
.breadcrumb li { 
  float: left; 
}
.breadcrumb li a {
    color: #f1de8e;
    text-decoration: none !important;
    padding: 4px 0 7px 25px;
    background: #5d0505;
    position: relative;
    display: block;
    float: left;
}
.breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid white;
    position: absolute;
    top: 46%;
    margin-top: -14px;
    margin-left: 1px;
    left: 100%;
    padding: 1.2px;
    z-index: 1;
}
.breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #5d0505;
    position: absolute;
    top: 46%;
    margin-top: -14px;
    left: 100%;
    z-index: 2;
    padding: 1.3px;
}  
.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:#5d0505; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #5d0505; }
.breadcrumb li:nth-child(3) a       { background:#5d0505; }
.breadcrumb li:nth-child(3) a:after { border-left-2f1d1f: #5d0505; }
.breadcrumb li:nth-child(4) a       { background:#5d0505; }
.breadcrumb li:nth-child(4) a:after { border-left-color: #5d0505; }
.breadcrumb li:nth-child(5) a       { background:#5d0505; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #5d0505; }

.breadcrumb li:last-child a {
  background: transparent !important;
  color: black;
  pointer-events: none;
  cursor: default;
}
.breadcrumb li:last-child a:before {border-left: 0px solid !important}
.breadcrumb li:last-child a:after { border: 0; }
.breadcrumb li a:hover { background: #9D5B37; }
.breadcrumb li a:hover:after { border-left-color: #9D5B37 !important; }

/*#################################
############# Tabber #############
#################################*/

.button {
  border: 1px solid #4C0404;
  border-radius: 2px;
  background: #5d0505;
  color: #f0d9a2;
  font-weight: bold; padding: 5px;
  padding: 5px; 
  line-height: 25px;
  cursor: pointer;
  position: relative;
  display: flex;
  float: left;
  user-select: none;
  white-space: nowrap;
}

.button:hover {
  border: 1px solid #FFFFFF;
  background: #5d0505;
  color: #FFFFFF;
}

.tabber-active.button {
  background: #9E0909;
  color: #FFFFFF;
  border: 1px solid #4C0404;
}

.tabber-container > :last-child > :not(.tabber-active) {
    display: none;
}