Difference between revisions of "MediaWiki:Mobile.css"

no edit summary
 
(24 intermediate revisions by the same user not shown)
Line 57: Line 57:
body {
body {
color: #333;
color: #333;
}
@media screen and (min-width: 720px) {
  .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-subtitle {
.custom-subtitle {
Line 87: Line 111:


.rounded-logo {
.rounded-logo {
width: 140px;
height: 140px;
border-radius: 100%;
border-radius: 100%;
}
}
Line 93: Line 119:
display: inline-block;
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%);
Line 119: Line 144:


.cover {
.cover {
position: relative;
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
Line 145: Line 171:
}
}
.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 207: Line 239:


.homepage-video {
.homepage-video {
display: flex;
justify-content: center;
order: 2;
order: 2;
}
}
Line 212: Line 246:
.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 313: Line 347:
.person-country {
.person-country {
color: #045184;
color: #045184;
}
/* ============= Scientific project ============= */
.scientific-project-text-box {
padding: 2rem;
background-color: rgba(196,196,196, .25);
}
}


Line 328: Line 356:
.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);
}
}


Line 476: Line 504:


/* ============= Template:Main menu ============= */
/* ============= Template:Main menu ============= */
#main-menu-open {
display: flex;
}
#main-menu-close {
#main-menu-close {
display: none;
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;
}
}


Line 488: Line 527:
.main-menu-dropdown-content {
.main-menu-dropdown-content {
padding-left: 2rem;
padding-left: 2rem;
}
/* ====================== visibilità barra superiore ====================== */
:is(.ns-4010,
/* English */
.page-Main_Page,
.page-Scientific_project,
.page-Social_project,
.page-Our_story,
.page-Mission,
.page-Scientific_community,
.page-Book_index,
.page-Our_network,
.page-Frisardi_Masticationpedia_Network,
.page-Fontana_Masticationpedia_Network,
.page-Lab_Intro,
.page-Masticationpedia_Donate,
.page-Contact,
/* German */
.page-Hauptseite,
.page-Wissenschaftliches_Projekt,
.page-Soziales_Projekt,
.page-Unsere_Geschichte,
.page-Aufgabe,
.page-Wissenschaftliche_Gemeinschaft,
.page-Buchindex,
.page-Netzwerk,
.page-Frisardi_Masticationpedia_Netzwerk,
.page-Fontana_Masticationpedia_Netzwerk,
.page-Lab_Intro_de,
.page-Masticationpedia_Spenden,
.page-Kontakt,
/* French */
.page-Page_d_accueil,
.page-Projet_scientifique,
.page-Projet_social,
.page-Notre_histoire,
.page-Mission_fr,
.page-Communauté_scientifique,
.page-Index_du_livre,
.page-Notre_réseau,
.page-Frisardi_Masticationpedia_réseau,
.page-Fontana_Masticationpedia_réseau,
.page-Lab_Intro_fr,
.page-Masticationpedia_Faire_un_don,
.page-Contact_fr,
/* Espagnol */
.page-Página_principal,
.page-Proyecto_científico,
.page-Proyecto_Social,
.page-Nuestra_Historia,
.page-Misión,
.page-Comunidad_cientifica,
.page-Índice_del_libro,
.page-Red,
.page-Red_Frisardi_Masticationpedia,
.page-Red_Fontana_Masticationpedia,
.page-Lab_Intro_es,
.page-Masticationpedia_Donar,
.page-Contacto,
/* Italiano */
.page-Pagina_Principale,
.page-Progetto_scientifico,
.page-Progetto_sociale,
.page-La_nostra_storia,
.page-Missione,
.page-Comunità_scientifica,
.page-Indice_libro,
.page-Network,
.page-Frisardi_Masticationpedia_Network_it,
.page-Fontana_Masticationpedia_Network_it,
.page-Lab_Intro_it,
.page-Masticationpedia_Donare,
.page-Contatto) .banner-container {
display: none;
}
:is(.ns-4010,
/* English */
.page-Main_Page,
.page-Scientific_project,
.page-Social_project,
.page-Our_story,
.page-Mission,
.page-Scientific_community,
.page-Book_index,
.page-Our_network,
.page-Frisardi_Masticationpedia_Network,
.page-Fontana_Masticationpedia_Network,
.page-Lab_Intro,
.page-Masticationpedia_Donate,
.page-Contact,
/* German */
.page-Hauptseite,
.page-Wissenschaftliches_Projekt,
.page-Soziales_Projekt,
.page-Unsere_Geschichte,
.page-Aufgabe,
.page-Wissenschaftliche_Gemeinschaft,
.page-Buchindex,
.page-Netzwerk,
.page-Frisardi_Masticationpedia_Netzwerk,
.page-Fontana_Masticationpedia_Netzwerk,
.page-Lab_Intro_de,
.page-Masticationpedia_Spenden,
.page-Kontakt,
/* French */
.page-Page_d_accueil,
.page-Projet_scientifique,
.page-Projet_social,
.page-Notre_histoire,
.page-Mission_fr,
.page-Communauté_scientifique,
.page-Index_du_livre,
.page-Notre_réseau,
.page-Frisardi_Masticationpedia_réseau,
.page-Fontana_Masticationpedia_réseau,
.page-Lab_Intro_fr,
.page-Masticationpedia_Faire_un_don,
.page-Contact_fr,
/* Espagnol */
.page-Página_principal,
.page-Proyecto_científico,
.page-Proyecto_Social,
.page-Nuestra_Historia,
.page-Misión,
.page-Comunidad_cientifica,
.page-Índice_del_libro,
.page-Red,
.page-Red_Frisardi_Masticationpedia,
.page-Red_Fontana_Masticationpedia,
.page-Lab_Intro_es,
.page-Masticationpedia_Donar,
.page-Contacto,
/* Italiano */
.page-Pagina_Principale,
.page-Progetto_scientifico,
.page-Progetto_sociale,
.page-La_nostra_storia,
.page-Missione,
.page-Comunità_scientifica,
.page-Indice_libro,
.page-Network,
.page-Frisardi_Masticationpedia_Network_it,
.page-Fontana_Masticationpedia_Network_it,
.page-Lab_Intro_it,
.page-Masticationpedia_Donare,
.page-Contatto) .pre-content {
display: none;
}
}