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
 
(6 intermediate revisions by the same user not shown)
Line 3: Line 3:
/* Editeu aquest fitxer per personalitzar totes les aparences per al lloc sencer */
/* Editeu aquest fitxer per personalitzar totes les aparences per al lloc sencer */
  /* Dropdown Button */
  /* Dropdown Button */
/* Menu general */


/* ### MODIFICACIONS ### */
/* ### MODIFICACIONS ### */
Line 45: Line 47:
/* Show the dropdown menu on hover */
/* Show the dropdown menu on hover */
.dropdown2:hover .dropdown2-content {display: block;}
.dropdown2:hover .dropdown2-content {display: block;}
/* ## FI DROP 2 ## */


/* ## DROP 3 ## */
/* ## DROP 3 ## */
Line 107: Line 111:
/* ### MODIFICACIONS FI ### */
/* ### MODIFICACIONS FI ### */


/* ### PROVES ### */
/* ------------------------------------------------------------------------------- */
 
/* NAVIGATING THE MAP */
.taula {
border: 0px solid black;
}


.taula td {
/* ## DROP 7 ## */
border: 0px solid black;
min-width: 215px;
}


.proves {
.dropbtn7 {
  background-color: #fdcc33;
  color: #504d66;
  padding: 16px;
  font-size: 16px;
   border: none;
   border: none;
  border-radius: 15px;
  width: 170px;
}
}


/* ### PROVES FI ### */
.dropdown7:hover .dropbtn7 {}
 
/* ### 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 */
/* The container <div> - needed to position the dropdown content */
.dropdown {
.dropdown7 {
   position: relative;
   position: relative;
   display: inline-block;
   display: inline-block;
Line 149: Line 129:


/* Dropdown Content f1f1f1 (Hidden by Default) */
/* Dropdown Content f1f1f1 (Hidden by Default) */
.dropdown-content {
.dropdown7-content {
   display: none;
   display: none;
   position: absolute;
   position: absolute;
Line 160: Line 140:


/* Links inside the dropdown */
/* Links inside the dropdown */
.dropdown-content a {
.dropdown7-content a {
   color: black;
   color: black;
   padding: 0px 0px;
   padding: 0px 0px;
Line 167: Line 147:
}
}
/* Change color of dropdown links on hover */
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}
.dropdown7-content a:hover {background-color: #ddd;}


/* Show the dropdown menu on hover */
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
.dropdown7:hover .dropdown7-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 ### */
## FI DROOPDWN7 ##

Latest revision as of 12:49, 26 January 2026

/* 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 */

/* Menu general */

/* ### 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;}

/* ## FI DROP 2 ## */

/* ## 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 ### */

/* ------------------------------------------------------------------------------- */
/* NAVIGATING THE MAP */

/* ## DROP 7 ## */

.dropbtn7 {
  border: none;
}

.dropdown7:hover .dropbtn7 {}

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

/* Dropdown Content f1f1f1 (Hidden by Default) */
.dropdown7-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 */
.dropdown7-content a {
  color: black;
  padding: 0px 0px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown7-content a:hover {background-color: #ddd;}

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


## FI DROOPDWN7 ##