MediaWiki:Common.css: Difference between revisions

Latest revision as of 17:35, 28 November 2025

/* CSS placed here will be applied to all skins */
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('https://beds24.com/include/fonts/roboto-v20-latin/roboto-v20-latin-italic.woff2') format('woff2'),
       url('https://beds24.com/include/fonts/roboto-v20-latin/roboto-v20-latin-italic.woff') format('woff');
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('https://beds24.com/include/fonts/roboto-v20-latin/roboto-v20-latin-regular.woff2') format('woff2'),
       url('https://beds24.com/include/fonts/roboto-v20-latin-regular.woff') format('woff');
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('https://www.beds24.com/include/fonts/roboto-v20-latin-500.woff2') format('woff2'),
       url('https://www.beds24.com/include/fonts/roboto-v20-latin/roboto-v20-latin-500.woff') format('woff');
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('https://www.beds24.com/include/fonts/roboto-v20-latin-500italic.woff2') format('woff2'),
       url('https://www.beds24.com/include/fonts/roboto-v20-latin-500italic.woff') format('woff');
}

@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

body {
  background-color: #ffffff;
  background-image: none;
  font-family: Roboto-Regular, sans-serif;
  min-height: 400px;
  color: #112a49;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: Roboto-Regular, sans-serif !important;
}

#p-logo {
  left: 25px;
  height: 80px;
}

#p-logo a {
  height: 80px;
}

.rootpage-Main_Page .fas {
  font-size: 130%;
}

.btn {
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 2rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-danger {
  background-color: #fe746c;
  border-color: #fe746c;
  color: #ffffff;
}

#simpleSearch {
  border: 2px solid #019cde;
  border-radius: 2rem;
  height: 2em;
}

#simpleSearch #searchInput {
  padding: 0.4em 0 0.4em 0.4em;
  border: none;
  font-size: 0.8rem;
}

.mw-body .firstHeading {
  padding: 0 10px 0 10px;
}

@media screen {
  .vector-menu-tabs-legacy li {
    background-image: none;
  }
}

#toc, .toc, .mw-warning, .toccolours {
  background-color: transparent;
  font-size: 100%;
  border: none;
  width: 100%;
}

#toc, .toc {
  width: auto;
  padding-right: 40px;
}

#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
  text-align: left;
  font-size: 1.5em;
}

.toc h2 {
  font-weight: normal;
}

.heading {
  font-size: 1.8em;
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #112a49;
  border-bottom: none;
}

.shadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important;
  border-radius: 0.4rem;
  padding: 10px;
  margin: 7px;
}

.summarybox {
  background-color: #f7f7f7;
  padding: 10px;
}

.summarybox p {
  margin-bottom: 0.2rem;
}

.summarybox ul {
  margin-bottom: 1em;
}

.summarybox li {
  margin-bottom: 0;
}

.bluebox {
  background-color: #EFF9FD;
  padding: 10px;
}

.page-Main_Page .mw-headline-number {
  display: none !important;
}

.mw-category-generated {
  border-top: 1px solid;
  margin-top: 10px;
}

.mw-category-generated h3, #ca-nstab-category, .mw-category-generated p {
  display: none;
}

/* hide left tabs */
#ca-nstab-category, #ca-nstab-main {
  display: none;
}

/* Make discussion white */
#ca-talk, #ca-talk a {
  color: #ffffff !important;
}

/* Collapsible */
.mw-collapsible {
  margin-bottom: 0.5em;
}

.mw-collapsible-toggle {
  float: left !important;
  margin: 2px;
}

.mw-collapsible-toggle-default::before {
  content: ' ';
}

.mw-collapsible-toggle-default::after {
  content: '↓';
  color: #4b77d6;
  margin-left: 1px;
}

.mw-collapsible-toggle-expanded::after {
  content: '↑';
  color: #4b77d6;
  margin-left: 1px;
}

.headline-collapse {
  background-color: #f7f7f7;
  border: 1px solid #c7c7c7;
  font-weight: bold;
  padding: 2px;
  margin: 0;
}

.headline-collapse p, .headline-collapse h1, .headline-collapse h2,
.headline-collapse h3, .headline-collapse h4, .headline-collapse h5 {
  margin: 0;
}

.headline-collapse h1, .headline-collapse h2, .headline-collapse h3,
.headline-collapse h4, .headline-collapse h5 {
  font-size: 1em;
  padding-top: 3px;
}

.mw-collapsible span.mw-collapsible-toggle {
  padding: 10px 10px 0 10px;
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  border-left: 2px solid #019cde;
  border-top: none !important;
  padding-bottom: none !important;
  border-right: none !important;
  background-color: #EFF9FD;
  font-family: Roboto-Regular, sans-serif !important;
  padding-left: 2px;
}

.warning {
  background-color: #fee0dd;
  border-left: 1px solid #fe746c;
  color: #fe746c;
  padding: 0.5rem;
  line-height: 1.3;
  font-size: 100%;
}

.warning a, .warning a:visited {
  color: #fe746c !important;
  font-weight: bold !important;
}

.warning a:hover {
  text-decoration: underline !important;
}

.warning ul {
  list-style-image: none;
}

.catlinks {
  border: none;
  background-color: transparent;
}

.circle {
  padding: 3px 10px 3px 10px;
  text-align: center;
  font-weight: bold;
  background: #fe746c;
  color: #ffffff;
}

.mw-content-ltr {
  padding: 0 10px 0 10px;
}

img {
  height: auto !important;
  max-width: 100% !important;
}

.thumbimage {
  border: none;
}

/* Headline - includes category */
.firstHeading {
  display: none;
}

#contentSub {
  display: none;
}

#p-tb, .mw-search-formheader, #footer-places-about {
  display: none;
}

body.page-Main_Page h1.firstHeading {
  display: none;
}

#mw-indicator-mw-helplink a {
  display: none;
}

#mw-pages p {
  display: none;
}

a {
  color: #008ACC !important;
}

a:visited {
  color: #019cde !important;
}

.shadow a, .shadow a:visited {
  color: #112a49 !important;
}

.shadow a:hover {
  color: #019cde !important;
}

#bodyContent .startbox a, #bodyContent .startbox a:link, #bodyContent .startbox a:visited, #bodyContent .startbox a:active {
  color: #019cde;
}

#bodyContent .startbox a:hover {
  color: #112a49;
}

.whitelink {
  color: #fff !important;
}

#bodyContent a:link, a:visited, a:active {
  color: #019cde;
  text-decoration: none;
  font-weight: normal;
}

#bodyContent a:hover a:focus {
  color: #019cde;
  text-decoration: underline;
}

div#mw-panel div.portal div.body ul li a:link, a:visited, a:active {
  color: #112a49;
}

div#mw-panel div.portal div.body ul li a:hover {
  text-decoration: underline;
}

div.vectorTabs li a:link, a:visited, a:active {
  color: #019cde;
}

div.vectorTabs li a:hover {
  text-decoration: underline;
}

div#mw-panel div.portal div.body ul li a:hover {
  text-decoration: none !important;
}

.jumbotron {
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important;
  padding: 20px;
}

#mw-panel #p-logo + .portal {
  background-image: none;
  margin-top: 1.5em;
}

#p-navigation {
  padding-top: 0;
  margin-top: 0;
}

#p-navigation li {
  padding: 6px !important;
  margin-bottom: 5px !important;
  transition: color 0.2s linear 0s;
  border-bottom: 1px solid #cccccc;
}

#p-navigation li:hover {
  text-decoration: none !important;
  border-left: 3px solid #019cde;
  cursor: pointer;
}

#p-navigation a {
  color: #112a49 !important;
}

#p-navigation a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none;
}

div#mw-panel {
  width: 12em;
}

div#content, div#footer {
  margin-left: 12em;
}

input {
  font-weight: bold;
  font-size: 120%;
}

div#content {
  background-image: none;
  clear: both;
  border: none;
}

#mw-page-base {
  background-color: #ffffff;
  background-image: none;
}

div.vectorTabs {
  background-color: #ffffff;
  background-image: none;
}

div.selected {
  background-color: #ffffff;
  background-image: none;
}

#mw-head-base {
  background-color: #ffffff;
  background-image: none;
}

div.vectorTabs ul li {
  background-color: #ffffff;
  background-image: none;
}

div.vectorTabs span {
  background-color: #ffffff;
  background-image: none;
}

div#mw-head div.vectorMenu h5 {
  background-color: #ffffff;
  background-image: none;
}

div#mw-head div.vectorMenu h5 a {
  background-color: #ffffff;
  background-image: none;
}

.mw-normal-catlinks a {
  color: black !important;
}

table.wikitable {
  background-color: #ffffff;
}

.mw-jump-link {
  display: none;
}

video {
  border: 3px solid #1a1a1a;
}

#footer a {
  color: black;
}

div#footer {
  background-color: #ffffff;
  background-image: none;
}

#footer-info {
  display: none;
}

/* responsive */
.col-1, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  position: relative;
  min-height: 1px;
  float: left;
}

.col-12 {
  width: 100%;
}

.col-6 {
  width: 50%;
}

.col-4 {
  width: 33.33333333%;
}

.col-3 {
  width: 25%;
}

@media (max-width: 768px) {
  .col-6 {
    width: 100%;
  }
  .col-4 {
    width: 100%;
  }
}

.vector-search-box-input:focus {
  box-shadow: none !important;
}