MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus smw-dev03
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 13: Zeile 13:




/* Ensure the entire container is left-aligned */
.checkbox-list {
.checkbox-list {
   text-align: left !important;
   text-align: left !important;
Zeile 20: Zeile 19:
}
}


/* Target the checkbox input directly */
 
.checkbox-list input[type="checkbox"] {
.checkbox-list input[type="checkbox"] {
   margin: 0 !important;
   margin: 0 !important;
Zeile 30: Zeile 29:
}
}


/* Target the label directly */
.checkbox-list label {
.checkbox-list label {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Zeile 40: Zeile 38:
   padding: 0 !important;
   padding: 0 !important;
   vertical-align: middle;
   vertical-align: middle;
  white-space: normal;
}
}


/* Target any wrapper divs or spans created by PageForms */
.checkbox-list div, .checkbox-list span {
.checkbox-list div, .checkbox-list span {
   display: block !important;
   display: block !important; /* Each checkbox-label pair on a new line */
   margin: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   padding: 0 !important;
   text-align: left !important;
   text-align: left !important;
  white-space: nowrap; /* Prevent wrapping within the div */
}
}


/* Ensure the outer container has no padding or margin that could cause an offset */
 
.checkbox-container {
.checkbox-container {
   margin: 0 !important;
   margin: 0 !important;
Zeile 57: Zeile 56:
}
}


/* Button styling */
 
.btn-primary {
.btn-primary {
   background-color: #3498db;
   background-color: #3498db;
   color: white;
   color: white;
   padding
   padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn-primary:hover {
  background-color: #2980b9;
}

Version vom 31. März 2025, 14:41 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
  font-family: 'Roboto', sans-serif;
}

.checkboxcolumns {
 display: block !important;
 margin-left: 0em;
}


.checkbox-list {
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}


.checkbox-list input[type="checkbox"] {
  margin: 0 !important;
  margin-right: 8px !important;
  padding: 0 !important;
  transform: scale(1.2);
  vertical-align: middle;
  display: inline-block;
}

.checkbox-list label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: #333;
  line-height: 1.6;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle;
  white-space: normal; 
}

.checkbox-list div, .checkbox-list span {
  display: block !important; /* Each checkbox-label pair on a new line */
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: nowrap; /* Prevent wrapping within the div */
}


.checkbox-container {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}


.btn-primary {
  background-color: #3498db;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn-primary:hover {
  background-color: #2980b9;
}