I cookie ci aiutano a fornire i nostri servizi. Utilizzando i nostri servizi, accetti il nostro utilizzo dei cookie. Ulteriori informazioni
lemieradici
lemieradici
Entra

Differenze tra le versioni di "MediaWiki:Common.css"

Da lemieradici.
 
(18 versioni intermedie di uno stesso utente non sono mostrate)
Riga 17: Riga 17:
 
}
 
}
 
}
 
}
 +
 +
@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 {
 
.titolo {
    background: #0645AD; width: 600px;
+
  //  background: #0645AD;  
 +
background: #194a8d;
 +
position:relative;
 +
left:-5%;
 +
width: 105%;
 +
//width: 600px;
 
// height: 50px;  
 
// height: 50px;  
 +
font-size: 14px;
 
margin: 0 auto; color: #fff; padding: 1em;
 
margin: 0 auto; color: #fff; padding: 1em;
  
 +
}
 +
.bottone-1{
 +
width: 600px; height: 50px; margin: 0 auto; padding: 1em; text-align: center;
 
}
 
}
 
.link-centrato{
 
.link-centrato{
 
width: 600px; height: 50px; margin: 0 auto; padding: 1em; text-align: center;
 
width: 600px; height: 50px; margin: 0 auto; padding: 1em; text-align: center;
 
  }
 
  }
 +
}
 +
 
.bottone-centrato{
 
.bottone-centrato{
 
//width: 600px;  
 
//width: 600px;  
Riga 40: Riga 72:
 
     margin: 4px 2px;
 
     margin: 4px 2px;
 
     cursor: pointer;
 
     cursor: pointer;
 +
    align: center;
 
}
 
}
.bottone-centrato.external-text{
+
.bottone-centrato > p:nth-child(1) > a:nth-child(1){
 
color: white;
 
color: white;
 
}
 
}
Riga 51: 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;
}

}