Anónimo

Cambios

De CEBES Perquín

MediaWiki:Common.css (ver código)

Revisión del 20:58 16 feb 2021

66 bytes eliminados ,  20:58 16 feb 2021
sin resumen de edición
* @updated 2012-02-29
*/
.mainpage-shadowbox {
color: white;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
}
.mainpage-shadowbox .h2, .mainpage-shadowbox .h3 {
color: white;
border:none;
font-family: sans-serif;
line-height: 1.2em;
margin:0;
padding: 0; /* was previously set only for h3, and skin styles would do the same for h2. however, cannot rely on skin to do this on mobile */
}
.mainpage-shadowbox a {
color: white;
font-weight: bold;
}
.banner-image { position: relative; max-width: 1125px; height: auto; margin-bottom: .6em;}.banner-image img { max-width: 100%; height: auto; /* width: auto\9; BEGIN Main Page carousel code */ /* ie8 */}.banner-box-wide { width: 80%}.banner-box-left,.banner-box-right { padding: 8px 7px; background: rgb(16,16,16); background: rgba(0,0,0,0.1); border-radius: 4px; width: 40%;}.banner-box-left { text-align: left; }.banner-box-right { text-align: right; }.banner-box-2 { position: absolute; z-index: 2; min-width: 40em;}
.mf-mobile-only {
margin-top: 0.3em;
/* color: black; */
width: 3050%;
min-width: 20em;
/* text-shadow: grey 0.1em 0.1em 0.3em, grey -0.05em -0.05em 0.5em; */
.banner-box-wide {
width: 4580%
}
left: 1em;
text-align: center;
width: 3040%;
white-space: nowrap;
}
font-size: 2em;
white-space: nowrap;
line-height: 1.4em2em;
}
.banner-box .type {
font-size: 1.25em2em;
line-height: 1.5em;
}
.banner-box ul {
font-size: 21.25em;
}
}
@media screen and ( min-width: 720px ) { /* greater than or equal to */ .banner-image img.nolink jcarousel { display: none; } .mainpage-shadowbox h2 { font-size position: 190%relative; } .mainpage-shadowbox h3 { font-size: 150%; } .banner-image { overflow: hidden; } .bannerjcarousel-box-left wrapper { left: 3%; } .bannermax-box-right { rightwidth: 3%1125px; } .banner-box-2 { margin-top: 2em; } .banner-box-2 .quote { font-size: 80%0; line-height position: 1.2emrelative; }
}
@media screen and ( max-width: 720px ) { .banner-image img:not(.nolink) { display: none; } .banner-image > .mainpage-shadowbox { width: inherit !important; min-height: 100%; margin-left: -150%; margin-right: 150%; opacity: 0; background: black; } .mainpage-shadowbox .quote > a:after { content: '\ATap to learn more.'; white-space: pre; /* needed to make content work. if content is disabled, this can be, too */ } .jcarousel-item:hover .mainpage-shadowbox { margin: unset; opacity: 1; transition: margin 0.5s; /* without this, problem with tap on image still activating links - speed may matter here */ bottom: 50%; /* relative vertical position; change to top to lower, negative percentages do not work as naively expected */ } .jcarousel-control-prev, .jcarousel-control-next list { display width: none20000em; /* hide the carousel arrows */ /* a kludge resulting from gadgets not working on mobile */ /* unforunately also targets very narrow desktops, but there can't be too many of those */ /* and besides, the number buttons still work */ } .interactiveIcon { position: absoluterelative; opacity: 0.4; height: 75% !important; width: auto; bottom margin: 0; right padding: 0; }
}
.jcarousel .jcarousel-item {
float: left;
}
.jcarousel-item img {
display: block;
max-width: 100%;
height: auto !important;
}
.jcarousel-control-prev,
.jcarousel-control-next {
position: absolute;
top: 45%;
width: 30px;
height: 30px;
text-align: center;
background: #fff;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}
.jcarousel-control-prev {
left: -15px;
}
.jcarousel-control-next {
right: -15px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
opacity: .5;
cursor: default;
}
.jcarousel-pagination {
position: absolute;
bottom: 10px;
left: 15px;
}
.jcarousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
line-height: 14px;
min-width: 14px;
background: #fff;
color: #4E443C;
border-radius: 14px;
padding: 3px;
text-align: center;
margin-right: 2px;
opacity: .75;
}
.jcarousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
/* END Main Page carousel code */
/**
* Styling for links generated by [[MediaWiki:Edittools]]
* @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
* @updated 2012-02-29
*/
.mw-charinsert-buttons {
margin-top: 10px;
border: 1px solid #aaaaaa;
padding: 1px;
text-align: center;
font-size: 110%;
}
.mw-charinsert-buttons a {
color: black;
background-color: #cde !important;
font-weight: bold;
font-size: .9em;
text-decoration: none;
border: thin #069 outset;
padding: 0 .1em .1em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
background-color: #bcd;
border-style: inset;
}
.client-js .mw-edittools-section {
display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
font-size: 0.9em;
padding-left: 1px;
padding-right: 1px;
margin-left: 1px;
}
Obtenido de «https://biblioteca.cebesperquin.org/index.php/Especial:MobileDiff/2001»