MediaWiki:Common.css: Difference between revisions

From Biolovision Help
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: →‎Los estilos CSS colocados aquí se aplicarán a todas las apariencias: →‎Editeu aquest fitxer per personalitzar totes les aparences per al lloc sencer: →‎Dropdown Button: →‎### MODIFICACIONS ###: →‎## DROP 2 ##: .dropbtn2 { background-color: #fdcc33; color: #504d66; border: none; } .dropdown2:hover .dropbtn2 {background-color: #ddd;color: #504d663;} /* The container <div> - needed to position...")
 
No edit summary
Line 106: Line 106:


/* ### MODIFICACIONS FI ### */
/* ### MODIFICACIONS FI ### */
/* ### PROVES ### */
.taula {
border: 0px solid black;
}
.taula td {
border: 0px solid black;
min-width: 215px;
}
.proves {
  background-color: #fdcc33;
  color: #504d66;
  padding: 16px;
  font-size: 16px;
  border: none;
  border-radius: 15px;
  width: 170px;
}
/* ### PROVES FI ### */
/* ### ORIGINAL ### */
.dropbtn {
  background-color: #fdcc33;
  color: #504d66;
  padding: 16px;
  font-size: 16px;
  border: none;
  border-radius: 15px;
  box-shadow:7px 5px 5px 5px grey;
  width: 170px;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
/* Dropdown Content f1f1f1 (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fdcc33;
  min-width: 700px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius:15px;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 0px 0px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #504d66;color: #fdcc33;}
/* #### ORIGINAL FI ### */

Revision as of 13:28, 13 October 2025

/* CSS placed here will be applied to all skins */
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* Editeu aquest fitxer per personalitzar totes les aparences per al lloc sencer */
 /* Dropdown Button */

/* ### MODIFICACIONS ### */

/* ## DROP 2 ## */

.dropbtn2 {
  background-color: #fdcc33;
  color: #504d66;
  border: none;
}

.dropdown2:hover .dropbtn2 {background-color: #ddd;color: #504d663;}

/* The container <div> - needed to position the dropdown content */
.dropdown2 {
  position: relative;
  display: inline-block;
}

/* Dropdown Content f1f1f1 (Hidden by Default) */
.dropdown2-content {
  display: none;
  position: absolute;
  background-color: #fdcc33;
  min-width: 700px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius:15px;
}

/* Links inside the dropdown */
.dropdown2-content a {
  color: black;
  padding: 0px 0px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown2-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown2:hover .dropdown2-content {display: block;}

/* ## DROP 3 ## */

.dropbtn3 {
  background-color: #ee322d;
  color: #ddd;
  border: none;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown3 {
  position: relative;
  display: inline-block;
}

.dropdown3 a:link, a:visited, a:active {
    text-decoration:none;
    color: #ddd;
}

.dropdown3 a:hover {
    text-decoration:none;
    color: #504d66;
}

/* FI DROP 3 */

/* INICI DROP 5 */

.dropbtn5 {
  background-color: #fdcc33;
  color: #504d66;
  border: none;
  border-radius: 10px;
/*  padding-left: 5px; */
/*  padding-right: 5px; */
}

/* The container <div> - needed to position the dropdown content */
.dropdown5 {
  position: relative;
  display: inline-block;
}

.dropdown5 a:link, a:visited, a:active {
    text-decoration:none;
    color: #504d66;
}

.dropdown5 a:hover {
    text-decoration:none;
    color: #504d66;
    background-color: #ddd
}

/* FI DROP 5 */

/* ### MODIFICACIONS FI ### */