Difference between revisions of "MediaWiki:Common.css"

no edit summary
 
(44 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* Gli stili CSS inseriti qui si applicano a tutti i temi */
/* Gli stili CSS inseriti qui si applicano a tutti i temi */
/* ============================= Personalizzazione font e colore ============================= */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.mw-parser-output {
color: #585858;
font-family: "Roboto", sans-serif;;
}
.mw-headline {
color: #454545;
}


/* To make images responsive */
/* To make images responsive */
Line 1,916: Line 1,927:
}
}


.colour-button a {
.colour-button a, .colour-button a.external, .colour-button-small a, .colour-button-small a.external {
display: inline-block;
display: inline-block;
padding: 1rem 2rem;
border-radius: 3rem;
border-radius: 3rem;
background-image: linear-gradient(126deg, #5f5bcd 24%, #ff5700 100%);
background-image: linear-gradient(126deg, #5f5bcd 24%, #ff5700 100%);
background-size: auto;
transition: .5s;
transition: .5s;
color: white;
color: white;
text-decoration: none;
text-decoration: none;
}
}
.colour-button a:hover {
.colour-button a:hover, .colour-button-small a:hover {
background-image: linear-gradient(160deg, #5f5bcd 24%, #ff5700 100%);
background-image: linear-gradient(160deg, #5f5bcd 24%, #ff5700 100%);
color: white;
color: white;
text-decoration: none;
text-decoration: none;
}
.colour-button a, .colour-button a.external {
padding: 1rem 2rem;
}
.colour-button-small a, .colour-button-small a.external {
padding: 0.5rem 1rem;
}
}


Line 2,360: Line 2,379:
}
}


.custom-page-title {
margin-top: 50px!important;
margin-bottom: 50px!important;
text-align: center;
font-size: 250%;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}


.firstHeading {
.firstHeading {
margin-top: 2em !important;  
margin-top: 2em !important;  
margin-left: 3em !important;
margin-left: 3em !important;
}
/* ============= Template:Tooltip ============= */
.tooltip-trigger, .tooltip-trigger-2 {
  color: #ba0606;
  position: relative;
}
.tooltip-trigger:hover .tooltip-content, .tooltip-trigger-2:hover .tooltip-content-2 {
  display: inline-block;
  position: absolute;
  top: 18px;
  transform: translate(-20em); /* centra il popup sotto la "i" */
  min-width: 40em;
  padding: 10px 15px;
  color: #585858;
  background-color: white;
  border: 1px solid silver;
  border-radius: 10px;
  font-size: 90%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.tooltip-content, .tooltip-content-2 {
  display: none;
}
.tooltip-trigger:hover {
  cursor: help;
}
@media screen and (max-width: 1200px) {
.mw-parser-output {
position: relative;
}
.tooltip-trigger, .tooltip-trigger-2 {
position: static;
}
.tooltip-trigger:hover .tooltip-content, .tooltip-trigger-2:hover .tooltip-content-2 {
box-sizing: border-box;
left: 0;
top: auto;
transform: translate(0, 2em);
width: 100%;
}
}
/* ============= configurazione visibilità capitoli nel Book index ============= */
.crisis-of-paradigm-for-all {
display: block;
}
.crisis-of-paradigm-for-members {
display: none;
}
.extraordinary-science-for-all {
display: block;
}
.extraordinary-science-for-affiliates {
display: none;
}
/* ============= Template:Login or request Member account ============= */
.responsive-buttons {
display: flex;
justify-content: center;
gap: 2rem;
margin: 2rem auto;
}
}