MediaWiki:Common.css

From Biolovision Help
Revision as of 03:58, 15 July 2026 by Judit (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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 ## */

/* ## DROP 9 Prova ## */
/* per comentar exemples a les imatges. De moment a summary of observations NL i Statistics */

.dropbtn9 {
  border: none;
}

.dropdown9:hover .dropbtn9 {}

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

/* Dropdown Content f1f1f1 (Hidden by Default) */
.dropdown9-content {
  display: none;
  position: absolute;
  background-color: rgb(248, 229, 170);
  min-width: 700px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius:15px;
  padding-left:15px; 
  padding-right:15px;
}

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

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


/* ## FI DROP 9 Prova ## */


/* #### NEW BOX TIP #### */

.contenetip {

border-radius: 7px;
padding: 0px;
text-align: left;
font-family: sans-serif;
font-size: 12px;
color: black;
width: 500px;
background-color: hsl(157, 74%, 80%);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 0 auto;
display: flex;
gap: 0px;
border: 1px solid rgb(210, 210, 210);

}

.contenetipima {

width: 110px;
vertical-align: top;
border: 0px solid black;
padding-top: 10px;
padding-left: 10px;
background-image: url("https://help.biolovision.net/images/2/21/Tips.png");
background-repeat: no-repeat;
background-size: 40px;
background-origin: content-box, border-box;

}

.contenetiptext {

padding-left: 10px;
padding-top: 15px;
border: 0px solid black;
padding-right: 10px;
padding-bottom: 10px;
position: relative;

}

.contenetiptext::before {
content: "TIP";
/* content: "TEXT \a ____________________________"; */
/* white-space: pre; */

}

.contenetiplinia {

border: none;
border-top: 0.5px solid green;
height: 0.5px;
background-color: green;

}

/* #### FI NEW BOX TIP #### */

/* #### NEW BOX WARNING #### */

.contenewarning {

border-radius: 7px;
padding: 0px;
text-align: left;
font-family: sans-serif;
font-size: 12px;
color: black;
width: 500px;
background-color: rgb(252,156,156);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 0 auto;
display: flex;
gap: 0px;
border: 1px solid rgb(252,156,156);

}

.contenewarningima {

width: 110px;
vertical-align: top;
border: 0px solid black;
padding-top: 10px;
padding-left: 10px;
background-image: url("https://help.biolovision.net/images/c/cb/Warning.png");
background-repeat: no-repeat;
background-size: 40px;
background-origin: content-box, border-box;

}

.contenewarningtext {

padding-left: 10px;
padding-top: 15px;
border: 0px solid black;
padding-right: 10px;
padding-bottom: 10px;
position: relative;

}

.contenewarningtext::before {
content: "WARNING";
/* content: "TEXT \a ____________________________"; */
/* white-space: pre; */

}

.contenewarninglinia {

border: none;
border-top: 0.5px solid red;
height: 0.5px;
background-color: red;

}

/* #### FI NEW BOX WARNING #### */


/* #### NEW BOX SUMMARY #### */

.contenesummary {

border-radius: 7px;
padding: 0px;
text-align: left;
font-family: sans-serif;
font-size: 12px;
color: black;
width: 500px;
background-color: rgb(255,255,219);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 0 auto;
display: flex;
gap: 0px;
border: 1px solid rgb(255,255,219);

}

.contenesummaryima {

width: 110px;
vertical-align: top;
border: 0px solid black;
padding-top: 10px;
padding-left: 10px;
background-image: url("https://help.biolovision.net/images/e/e4/Summary.png");
background-repeat: no-repeat;
background-size: 40px;
background-origin: content-box, border-box;

}

.contenesummarytext {

padding-left: 10px;
padding-top: 15px;
border: 0px solid black;
padding-right: 10px;
padding-bottom: 10px;
position: relative;

}

.contenesummarytext::before {
content: "SUMMARY";
/* content: "TEXT \a ____________________________"; */
/* white-space: pre; */

}

.contenesummarylinia {

border: none;
border-top: 0.5px solid orange;
height: 0.5px;
background-color: orange;

}

/* #### FI NEW BOX SUMMARY #### */


/* #### NEW BOX INFORMATION #### */

.conteneinfo {

border-radius: 7px;
padding: 0px;
text-align: left;
font-family: sans-serif;
font-size: 12px;
color: black;
width: 500px;
background-color: rgb(199,235,255);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 0 auto;
display: flex;
gap: 0px;
border: 1px solid rgb(199,235,255);

}

.conteneinfoima {

width: 110px;
vertical-align: top;
border: 0px solid black;
padding-top: 10px;
padding-left: 10px;
background-image: url("https://help.biolovision.net/images/5/5f/Pin.png");
background-repeat: no-repeat;
background-size: 40px;
background-origin: content-box, border-box;

}

.conteneinfotext {

padding-left: 10px;
padding-top: 15px;
border: 0px solid black;
padding-right: 10px;
padding-bottom: 10px;
position: relative;

}

.conteneinfotext::before {
content: "INFORMATION";
/* content: "TEXT \a ____________________________"; */
/* white-space: pre; */

}

.conteneinfolinia {

border: none;
border-top: 0.5px solid blue;
height: 0.5px;
background-color: blue;

}

/* #### FI NEW BOX INFORMATION #### */


/* #### Inici Symbols cheatsheet #### */

.symcheatmain {

border-radius: 5px; 
border-color: light grey; 
padding: 25px; 
text-align: left; 
font-family: sans-serif; 
color: black; 
width: 95%; 
background-color: rgb(240, 240, 240);

}

.symcheattitle {

font-weight:bold;
line-height:1.6;

}

.symcheattable {

border:1px solid black; 
margin: 0 auto;
width: 75%;
align: center;

}

.symcheattable tr {

padding: 25px; 
text-align: center; 
font-size: 16px; 
font-family: sans serif; 

}

.symcheattable td {

text-align: center;
vertical-align: top;
padding-top: 30px;

}

.symcheateye {

float: right;
border: 0px solid blue;
position: relative;
top: 0px;

}

/* #### FI Symbols cheatsheet #### */


/* #### UP / DOWN #### */

.mw-collapsible .up { display: none; }
.mw-collapsible .down { display: block; }

.mw-collapsible.mw-collapsed .up { display: block; }
.mw-collapsible.mw-collapsed .down { display: none; }

/* #### FI UP / DOWN #### */
Retrieved from "https://help.biolovision.net/index.php?title=MediaWiki:Common.css&oldid=23505"