Differenze tra le versioni di "MediaWiki:Common.css"
Da lemieradici.
(28 versioni intermedie di uno stesso utente non sono mostrate) | |||
Riga 12: | Riga 12: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
− | @media only screen and (min-width: 768px) | + | @media only screen and (min-width: 768px) and (max-width: 2000px){ |
#bodyContent{ | #bodyContent{ | ||
font-size: 1.1em | font-size: 1.1em | ||
} | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 768px){ | ||
.titolo { | .titolo { | ||
− | + | // background: #0645AD; width: 200px; | |
+ | background: #194a8d; | ||
+ | position:relative; | ||
+ | left:0%; | ||
+ | width: 95%; | ||
// height: 50px; | // height: 50px; | ||
+ | font-size: 10px; | ||
margin: 0 auto; color: #fff; padding: 1em; | margin: 0 auto; color: #fff; padding: 1em; | ||
+ | } | ||
+ | .bottone-1{ | ||
+ | width: 200px; height: 50px; margin: 0 auto; padding: 1em; text-align: center; | ||
} | } | ||
.link-centrato{ | .link-centrato{ | ||
+ | width: 200px; height: 50px; margin: 0 auto; padding: 1em; text-align: center; | ||
+ | } | ||
+ | } | ||
+ | @media only screen and (min-width: 769px) { | ||
+ | .titolo { | ||
+ | // background: #0645AD; | ||
+ | background: #194a8d; | ||
+ | position:relative; | ||
+ | left:-5%; | ||
+ | width: 105%; | ||
+ | //width: 600px; | ||
+ | // height: 50px; | ||
+ | font-size: 14px; | ||
+ | margin: 0 auto; color: #fff; padding: 1em; | ||
+ | |||
+ | } | ||
+ | .bottone-1{ | ||
width: 600px; height: 50px; margin: 0 auto; padding: 1em; text-align: center; | width: 600px; height: 50px; margin: 0 auto; padding: 1em; text-align: center; | ||
+ | } | ||
+ | .link-centrato{ | ||
+ | width: 600px; height: 50px; margin: 0 auto; padding: 1em; text-align: center; | ||
+ | } | ||
} | } | ||
+ | .bottone-centrato{ | ||
+ | //width: 600px; | ||
+ | //height: 50px; | ||
+ | margin: 50 auto; padding: 1em; text-align: center; | ||
+ | background-color: #4CAF50; /* Green */ | ||
+ | border: none; | ||
+ | // color: white; | ||
+ | padding: 15px 32px; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | display: inline-block; | ||
+ | font-size: 16px; | ||
+ | margin: 4px 2px; | ||
+ | cursor: pointer; | ||
+ | align: center; | ||
+ | } | ||
+ | .bottone-centrato > p:nth-child(1) > a:nth-child(1){ | ||
+ | color: white; | ||
+ | } | ||
//@media only screen and (min-width: 768px) and (max-width: 959px) { | //@media only screen and (min-width: 768px) and (max-width: 959px) { | ||
//font-size: 0.85em | //font-size: 0.85em | ||
//} | //} | ||
− | @media only screen and (max-width: | + | @media only screen and (min-width: 200px)and (max-width: 767px) { |
#bodyContent{ | #bodyContent{ | ||
− | font-size: 5em | + | font-size: 0.5em |
+ | } | ||
+ | } | ||
+ | @media only screen and (min-width: 768px) { | ||
+ | .yesphone{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | @media only screen and (max-width: 767px) { | ||
+ | .nophone{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
} | } |
Versione attuale delle 07:12, 28 nov 2018
/* Gli stili CSS inseriti qui si applicano a tutti i temi */ button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } @media only screen and (min-width: 768px) and (max-width: 2000px){ #bodyContent{ font-size: 1.1em } } @media only screen and (max-width: 768px){ .titolo { // background: #0645AD; width: 200px; background: #194a8d; position:relative; left:0%; width: 95%; // height: 50px; font-size: 10px; margin: 0 auto; color: #fff; padding: 1em; } .bottone-1{ width: 200px; height: 50px; margin: 0 auto; padding: 1em; text-align: center; } .link-centrato{ width: 200px; height: 50px; margin: 0 auto; padding: 1em; text-align: center; } } @media only screen and (min-width: 769px) { .titolo { // background: #0645AD; background: #194a8d; position:relative; left:-5%; width: 105%; //width: 600px; // height: 50px; font-size: 14px; margin: 0 auto; color: #fff; padding: 1em; } .bottone-1{ width: 600px; height: 50px; margin: 0 auto; padding: 1em; text-align: center; } .link-centrato{ width: 600px; height: 50px; margin: 0 auto; padding: 1em; text-align: center; } } .bottone-centrato{ //width: 600px; //height: 50px; margin: 50 auto; padding: 1em; text-align: center; background-color: #4CAF50; /* Green */ border: none; // color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; align: center; } .bottone-centrato > p:nth-child(1) > a:nth-child(1){ color: white; } //@media only screen and (min-width: 768px) and (max-width: 959px) { //font-size: 0.85em //} @media only screen and (min-width: 200px)and (max-width: 767px) { #bodyContent{ font-size: 0.5em } } @media only screen and (min-width: 768px) { .yesphone{ display: none; } } @media only screen and (max-width: 767px) { .nophone{ display: none; } }