Diferencia entre revisiones de «MediaWiki:Mobile.css»

De CNB
Ir a la navegación Ir a la búsqueda
Busca en cnbGuatemala con Google

Línea 57: Línea 57:
 
font-size: 100%!important;
 
font-size: 100%!important;
 
}
 
}
@media only screen and (max-device-width: 480px) {
+
 
 +
@media only screen and (max-device-width: 380px) {
 +
    .dynamicFontLine, .dynamicFontLineWordsNumber{
 +
        font-size: 12px!important;
 +
    }
 +
}
 +
 
 +
@media only screen and (min-device-width: 381px) and (max-device-width: 480px) {
 
     .dynamicFontLine, .dynamicFontLineWordsNumber{
 
     .dynamicFontLine, .dynamicFontLineWordsNumber{
 
         font-size: 13px!important;
 
         font-size: 13px!important;
Línea 69: Línea 76:
 
}
 
}
  
@media screen and (min-device-width: 569px) and (max-device-width: 768px) {  
+
@media screen and (min-device-width: 569px) and (max-device-width: 678px) {
 +
    .dynamicFontLine, .dynamicFontLineWordsNumber{
 +
        font-size: 16px!important;
 +
    }
 +
}
 +
 
 +
@media screen and (min-device-width: 679px) and (max-device-width: 878px) {  
 
     .dynamicFontLine, .dynamicFontLineWordsNumber{
 
     .dynamicFontLine, .dynamicFontLineWordsNumber{
         font-size: 15px!important;
+
         font-size: 17px!important;
 
     }
 
     }
 
}
 
}

Revisión del 23:43 16 feb 2017

.nomobile{
display:none!important;
}

.mw-lingo-tooltip-tip {
    display: none!important;
}

.mw-lingo-tooltip:hover .mw-lingo-tooltip-tip {
    display: block!important;
}

.mw-lingo-tooltip-abbr{
    text-decoration: underline;
    text-decoration-style: dashed;
}
.mw-lingo-tooltip-definition {
    font-size:85%;
    font-style: italic;
}

.section-heading .mw-lingo-tooltip {
    display: none!important;
}

.mw-bookmanagerv2-nav-scrollable ol {
   display:none;
}
a.mw-bookmanagerv2-nav-prev {
    margin-right: 20px;
}
a.mw-bookmanagerv2-nav-prev:before {
    content: "< ";
}
a.mw-bookmanagerv2-nav-next:after {
    content: " >";
}

button.hide, button.show{
background: #a8a8a8;
  background-image: -webkit-linear-gradient(top, #a8a8a8, #74787a);
  background-image: -moz-linear-gradient(top, #a8a8a8, #74787a);
  background-image: -ms-linear-gradient(top, #a8a8a8, #74787a);
  background-image: -o-linear-gradient(top, #a8a8a8, #74787a);
  background-image: linear-gradient(to bottom, #a8a8a8, #74787a);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  width: 200px;
}

#dynamicFont {
font-size: 100%!important;
}

@media only screen and (max-device-width: 380px) {
    .dynamicFontLine, .dynamicFontLineWordsNumber{
         font-size: 12px!important;
    }
}

@media only screen and (min-device-width: 381px) and (max-device-width: 480px) {
    .dynamicFontLine, .dynamicFontLineWordsNumber{
         font-size: 13px!important;
    }
}

@media screen and (min-device-width: 481px) and (max-device-width: 568px) { 
    .dynamicFontLine, .dynamicFontLineWordsNumber{
         font-size: 14px!important;
    }
}

@media screen and (min-device-width: 569px) and (max-device-width: 678px) { 
    .dynamicFontLine, .dynamicFontLineWordsNumber{
         font-size: 16px!important;
    }
}

@media screen and (min-device-width: 679px) and (max-device-width: 878px) { 
    .dynamicFontLine, .dynamicFontLineWordsNumber{
         font-size: 17px!important;
    }
}


#nivel {
    float: none!important;
    margin-left: 5px!important; 
    margin-top: 10px!important;
}
#Legibilidad, #Codigo{
 float: none!important;
 margin-left: 5px!important; 
 margin-bottom: 5px!important; 
 margin-top: 5px!important;
}

#dynamicFont, .dynamicFontLine{
width:99%!important;
}