Differenze tra le versioni di "MediaWiki:Common.css"
Da lemieradici.
| Riga 84: | 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;
}
}