Differenze tra le versioni di "MediaWiki:Common.css"
Da lemieradici.
| (8 versioni intermedie di uno stesso utente non sono mostrate) | |||
| Riga 20: | Riga 20: | ||
@media only screen and (max-width: 768px){ | @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; | font-size: 10px; | ||
| Riga 35: | Riga 39: | ||
@media only screen and (min-width: 769px) { | @media only screen and (min-width: 769px) { | ||
.titolo { | .titolo { | ||
| − | + | // background: #0645AD; | |
| − | width: | + | background: #194a8d; |
| + | position:relative; | ||
| + | left:-5%; | ||
| + | width: 105%; | ||
//width: 600px; | //width: 600px; | ||
// height: 50px; | // height: 50px; | ||
| Riga 77: | Riga 84: | ||
font-size: 0.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 06: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;
}
}