Masticationpedia

Difference between revisions of "MediaWiki:Mobile.css"

MediaWiki:Mobile.css (view source)

Revision as of 17:38, 9 December 2024

5,401 bytes added ,  6 months ago
no edit summary
Tag: Manual revert
 
(54 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* All CSS here will be loaded for users of the mobile site */
/* Gli stili CSS inseriti qui si applicano agli utenti che usano il sito per dispositivi mobili */
/* Gli stili CSS inseriti qui si applicano agli utenti che usano il sito per dispositivi mobili */
/* ============================= 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;
}


#p-tb{
#p-tb{
Line 59: Line 70:
}
}


.content {
@media screen and (min-width: 720px) {
margin: 0;
  .content {
    margin: 0 16px;
    max-width: none;
  }
}
@media screen and (min-width: 1000px) {
.content {
width: auto;
max-width: none;
}
}
 
#mw-mf-main-menu-button {
display: none;
}
 
.desktop-only {
display: none;
}
}


.custom-h0 {
.custom-h0 {
font-size: 300%;
font-size: 225%;
color: #116089;
color: #116089;
line-height: 140%;
}
}
.custom-h1 {
.custom-h1 {
font-size: 200%;
font-size: 180%;
color: #116089;
color: #116089;
line-height: 140%;
}
}
.custom-h2 {
.custom-h2 {
font-size: 150%;
font-size: 150%;
color: #116089;
color: #116089;
line-height: 140%;
}
.custom-page-title {
margin-top: 50px!important;
margin-bottom: 50px!important;
text-align: center;
font-size: 175%;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
}
.custom-subtitle {
.custom-subtitle {
Line 91: Line 129:


.rounded-logo {
.rounded-logo {
width: 140px;
height: 140px;
border-radius: 100%;
border-radius: 100%;
}
}


.colour-button a {
.colour-button a, .colour-button a.external {
display: inline-block;
padding: 1rem 2rem;
padding: 1rem 2rem;
margin: 2rem 0;
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;
Line 122: Line 163:


.cover {
.cover {
position: relative;
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
Line 133: Line 175:
}
}


/*.full-width {
.full-width {
margin: 0 calc(-1*((99vw - 993px)/2));
margin: 0 -16px;
}*/
}


/* ============= Home ============= */
/* ============= Home ============= */
.page-Home_Page .content {
margin: 0;
}
.homepage-slider {
.homepage-slider {
position: relative;
position: relative;
Line 144: Line 190:
}
}
.homepage-logo-container {
.homepage-logo-container {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
}
.content-page-logo-container {
     position: absolute;
     position: absolute;
     top: 15px;
     top: 15px;
Line 206: Line 258:


.homepage-video {
.homepage-video {
display: flex;
justify-content: center;
order: 2;
order: 2;
}
}
Line 211: Line 265:
.homepage-what-is-it, .homepage-how-to-follow-it, .homepage-why-to-enroll {
.homepage-what-is-it, .homepage-how-to-follow-it, .homepage-why-to-enroll {
padding: 3rem 2rem;
padding: 3rem 2rem;
background-color: rgba(196,196,196, .4);
background-color: rgba(196,196,196, .1);
}
}


Line 315: Line 369:


/* ============= Scientific project ============= */
/* ============= Scientific project ============= */
.scientific-project-intro {
padding: 0 2rem;
}
.scientific-project-text-box {
.scientific-project-text-box {
padding: 2rem;
padding: 2rem;
background-color: rgba(196,196,196, .25);
background-color: rgba(196,196,196, .1);
}
 
/* ============= Social project ============= */
 
/* ============= Our story ============= */
 
/* ============= Book index ============= */
.book-index-cover {
background-image: url('https://wiki.masticationpedia.org/images/f/f7/The_sacred_wood_of_books.jpg');
color: white;
text-shadow: 3px 3px 40px rgba(0 0 0 / 0.9);
}
 
.book-index-columns {
display: flex;
flex-direction: column;
gap: 3rem;
}
 
.book-index-columns p, .book-index-columns li {
color: gray;
}
 
/* ============= Our Network ============= */
.network-cover {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/19/Background-3228704_1920.jpg');
background-color: rgba(0 0 0 / 0.3);
    background-blend-mode: overlay;
}
 
/* ============= Frisardi Masticationpedia ============= */
.frisardi-nettuno-cover {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/26/Costa_di_Nettuno_Levante.JPG');
}
.frisardi-nettuno-main-title, .frisardi-nettuno-subtitle {
font-size: 250%;
color: white;
text-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}
.frisardi-nettuno-person, .fontana-como-person {
text-align: center;
padding: 2rem;
}
 
#iframe-Google\ Docs {
    height: 1750px;
}
 
#iframe-Google\ Maps {
margin: 0 -16px;
    width: 100vw;
}
 
/* ============= Fontana Masticationpedia ============= */
.fontana-como-cover {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/Como_-_Comune_di_Como_-_2023-09-08_23-29-16_001.jpg/2560px-Como_-_Comune_di_Como_-_2023-09-08_23-29-16_001.jpg');
}
.fontana-como-main-title, .fontana-como-subtitle {
font-size: 250%;
color: white;
text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
 
/* ============= Donate ============= */
.donate-cover {
background-image: url('https://wiki.masticationpedia.org/images/b/b2/Donation_background.jpg');
}
 
/* ============= Template:Person ============= */
.person-box {
background-color: silver;
padding: 30px;
text-align: center;
background-image: url(https://wiki.masticationpedia.org/images/0/0d/Scientific_community_darker.jpg);
background-position: center;
background-size:cover;
}
.person-name {
font-size: 250%;
color: white;
text-shadow: 3px 3px 20px rgba(0 0 0 / 0.5);
}
.person-bio {
color: white;
font-size: 150%;
text-shadow: 3px 3px 10px rgba(0 0 0 / 0.5);
}
.person-portrait {
margin: 2rem 0;
}
 
/* ============= Template:Person details ============= */
.person-details-header, .person-cv-header {
margin-top: 2rem;
margin-bottom: 5px;
padding: 10px 0;
    border-radius: 8px 8px 0 0;
text-align: center;
color: white;
background-color: #116089;
}
 
.person-cv-header {
border-radius: 8px;
}
 
.smart-template {
  border-bottom: 1px solid silver;
}
 
.smart-template p {
  margin: 0;
}
 
.smart-template-left {
  margin-bottom: 5px;
  padding: 5px;
  font-weight: bold;
}
 
.smart-template-right {
  margin-bottom: 5px;
  padding: 5px;
}
 
.smart-template-bottom {
  justify-content: center;
  gap: 10px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #e6e7e8;
}
 
.person-link {
display: block;
text-align: center;
}
 
.person-contributions {
  background-color: #e6e7e8;
  border-radius: 8px;
  margin: 2rem 0 5px 0;
  padding: 5px;
  text-align: center;
}
 
/* ============= Template:Main menu ============= */
#main-menu-open {
display: flex;
}
#main-menu-close {
display: none;
}
#main-menu-close, #main-menu-open {
flex-direction: row-reverse;
padding: 1rem;
background-color: #f1f1f1;
}
#main-menu-close img, #main-menu-open img {
    vertical-align: baseline;
}
 
.main-menu-container {
  display: none;
  background-color: #f1f1f1;
  padding: 0.5rem 1.5rem;
}
 
.main-menu-dropdown-content {
padding-left: 2rem;
}
 
/* ====================== visibilità barra superiore ====================== */
.banner-container {
display: none;
}
.pre-content {
display: none;
}
 
/* ============= Template:Tooltip ============= */
.tooltip-trigger img, .tooltip-trigger-2 img {
display: none;
}
 
.tooltip-content, .tooltip-content-2 {
display: none;
}
 
.tooltip-trigger, .tooltip-trigger-2 {
color: #585858;
}
 
/* ============= Template:Login or request Member account ============= */
.responsive-buttons {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
}
}
Retrieved from "https://www.masticationpedia.org/index.php/Special:MobileDiff/18028...20252"