Diferencia entre revisiones de «MediaWiki:Common.css»

De musiki
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
/* MUSIKI THEME */  
/* MUSIKI THEME */


@import url("https://fonts.googleapis.com/css?family=Lato|Lato");
@import url("https://fonts.googleapis.com/css?family=Lato|Lato");
body,
h1,
h2,
h3,
#content p,
#content,
#content p,
#mw-panel,
#p-navigation,
.firstHeading,
#firstHeading {
font-family: Helvetica, 'Lato', arial;
}


body, h1, h2, h3, #content p, #content, #content p, #mw-panel, #p-navigation {font-family: Helvetica,'Lato', arial;}


/*.apex-nav{font-size: 0.8em; margin:0 0 0 0 ;}*/
/*.apex-nav{font-size: 0.8em; margin:0 0 0 0 ;}*/
#mw-panel {font-size: 0.8em;}
 
#mw-panel {
font-size: 1em;
color: gray;
}
 
 
/*#mw-panel .apex-flyout-pull {top: -4em;}*/
/*#mw-panel .apex-flyout-pull {top: -4em;}*/


.mw-jump {display:none;}
.mw-wiki-logo {padding: 0em 1em 0em 1em;}
#firstHeading, .firstHeading {
    line-height: 55px;
    /* text-transform: uppercase; */
    font-size: 25px;
    font-weight: 700;
    padding: 30px 30px 30px 30px;
    transition: all 2s ease 2s;
    text-align: center;
    border-bottom: 0px;


/*links*/
a:link {
color: #a0a0a0;
}
/* A link that is hovered on */
a:hover {
color: rgb(51, 204, 204);
}
/* A link that is selected */
a:active {
color: green;
}
.mw-jump {
display: none;
}
.mw-wiki-logo {
padding: 0em 0em 0em 0em;
}
#firstHeading,
.firstHeading {
line-height: 55px;
/* text-transform: uppercase; */
font-size: 25px;
font-weight: 700;
padding: 30px 30px 30px 30px;
transition: all 2s ease 2s;
text-align: center;
border-bottom: 0px;
}
}


#toc, .toc, .toc-title, .toc A {  
#toc,
font-size: 10px;  
.toc,
.toc-title,
.toc A {
font-size: 10px;
line-height: 12px;
line-height: 12px;
background: #ecf2ea;
background: #ecf2ea;
Línea 33: Línea 81:
font-size: 1.2em;
font-size: 1.2em;
line-height: 1.5em;
line-height: 1.5em;
text-decoration: none solid rgba(0,0,0,0.84);
text-decoration: none solid rgba(0, 0, 0, 0.84);
    letter-spacing: -0.063;
letter-spacing: -0.063;
}
}
 
.mw-headline {
.mw-headline {
font-size: 0.8em;
font-size: 0.8em;
Línea 54: Línea 102:


#footer {
#footer {
    bottom: 0px;
bottom: 0px;
    left: 0px;
left: 0px;
    right: 0px;
right: 0px;
    margin-bottom: 0px;
margin-bottom: 0px;
}
}


/* IMAGENES EXTERNAS */
/* IMAGENES EXTERNAS */
.imagenexterna {
.imagenexterna {
float: right;
float: right;
width: 60%;
width: 60%;
border: 0px;
border: 0px;
margin: 0.5em;
margin: 0.5em;
padding: 0.5em;
padding: 0.5em;
text-align: center;
text-align: center;
font-style: italic;
font-style: italic;
font-size: smaller;
font-size: smaller;
text-indent: 0;
text-indent: 0;
}
}
.scaled {
.scaled {
width: 100%;
width: 100%;
}
 
.formtable {
font-size: smaller;
}
 
.mw-editsection {
display: none;
}
}


.formtable
.multipleTemplateWrapper .ui-widget {
{ font-size:smaller;
display: inline-block;
}
}
.mw-editsection { display: none; }
 
.multipleTemplateWrapper .ui-widget { display: inline-block; }


/* FICHAS */
/* FICHAS */


.ficha {
.ficha {
    background: #eee;
background: #eee;
    border: 1px solid #aaa;
border: 1px solid #aaa;
    float: right;
float: right;
    padding: 0em 0em 0em 0em;  
padding: 0em 0em 0em 0em;
    margin: 1em 1em 1em 1em;
margin: 1em 1em 1em 1em;
    width: 300px;
width: 300px;
    text-justify: inter-word;
text-justify: inter-word;
    line-height: 1em;
line-height: 1em;
 
}


}
.ficha-titulo {
.ficha-titulo {
    font-size: 0.9em;
font-size: 0.9em;
    font-weight: bold;
font-weight: bold;
    color: white;
color: white;
    letter-spacing: 0.63;
letter-spacing: 0.63;
    text-align: right;
text-align: right;
    text-transform: uppercase;
text-transform: uppercase;
    padding: 0.5em 0.5em 0.5em 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
 
/* gradient for infobox */
  /* gradient for infobox */  
background: rgba(171, 171, 171, 1);
  background: rgba(171,171,171,1);
background: -moz-linear-gradient(left, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
background: -moz-linear-gradient(left, rgba(171,171,171,1) 0%, rgba(93,97,73,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(171, 171, 171, 1)), color-stop(100%, rgba(93, 97, 73, 1)));
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(171,171,171,1)), color-stop(100%, rgba(93,97,73,1)));
background: -webkit-linear-gradient(left, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
background: -webkit-linear-gradient(left, rgba(171,171,171,1) 0%, rgba(93,97,73,1) 100%);
background: -o-linear-gradient(left, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
background: -o-linear-gradient(left, rgba(171,171,171,1) 0%, rgba(93,97,73,1) 100%);
background: -ms-linear-gradient(left, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
background: -ms-linear-gradient(left, rgba(171,171,171,1) 0%, rgba(93,97,73,1) 100%);
background: linear-gradient(to right, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
background: linear-gradient(to right, rgba(171,171,171,1) 0%, rgba(93,97,73,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#5d6149', GradientType=1);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#5d6149', GradientType=1 );
}
}
.ficha-imagen {
.ficha-imagen {
padding: 0.5em 0 0 0;
padding: 0.5em 0 0 0;
    text-align: center;
text-align: center;
    max-width: 100%;
max-width: 100%;
    max-height: 100%;
max-height: 100%;
    object-fit: cover;
object-fit: cover;
}
}
.ficha th {
.ficha th {
    text-align: right;
text-align: right;
    font-size: 0.7em;
font-size: 0.7em;
    vertical-align: top;
vertical-align: top;
    width: 120px;  
width: 120px;
}
}
.ficha td {
.ficha td {
font-size: 0.7em;
font-size: 0.7em;
text-align: left;
text-align: left;
    vertical-align: top;
vertical-align: top;
}
}


.flocking {
.flocking {
    font-family: monospace;
font-family: monospace;
    white-space: pre;
white-space: pre;
}
}


/*CLOUDTAG */
/*CLOUDTAG */


.demo-30-percent-width {
.demo-30-percent-width {
width:30%;
width: 30%;
clear:both;
clear: both;
}
}
.demo-float-right {
.demo-float-right {
clear:both;
clear: both;
float:inherit;
float: inherit;
margin-left:10px;
margin-left: 10px;
margin-bottom:10px;
margin-bottom: 10px;
}
}


/* FORMULARIOS */
/* FORMULARIOS */
Línea 165: Línea 227:
width: 600px !important;
width: 600px !important;
}
}
.pfTokens,
.pfTokens,
.pfComboBox {
.pfComboBox {
Línea 170: Línea 233:
width: 600px !important;
width: 600px !important;
}
}
.formInput {
.formInput {
display: inline-block !important;
display: inline-block !important;
}
}
.createbox input[type="submit"],
.createbox input[type="submit"],
.sfFormInput input[type="submit"],
.sfFormInput input[type="submit"],
Línea 184: Línea 249:
padding: 10px;
padding: 10px;
}
}
.pfUploadable {
.pfUploadable {
font-size: small;
font-size: small;
}
}
.inputSpan select {
.inputSpan select {
display: block !important;
display: block !important;
Línea 198: Línea 265:
}
}


.formtable {font-size: small;
.formtable {
font-size: small;
}
}


/* CSS placed here will be applied to all skins SYNTAX HIGHLIGHT CONFIG */
/* CSS placed here will be applied to all skins SYNTAX HIGHLIGHT CONFIG */
.mw-highlight pre {
.mw-highlight pre {
font-size: 90%;
font-size: 90%;
Línea 213: Línea 283:
  * Maintainers: UNMAINTAINED
  * Maintainers: UNMAINTAINED
  */
  */


/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 90%; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }


ol.references {
font-size: 90%;
}
ol.references li:target {
background-color: #ddeeff;
}
sup.reference:target {
background-color: #ddeeff;
}
/* CODE MIRROR */
.cm-mw-skipformatting {
background-color: #ddd;
}
.cm-mw-list {
background-color: green;
color: red;
}


/* CODE MIRROR */
.cm-mw-skipformatting { background-color: #ddd; }
.cm-mw-list {background-color: green; color: red;}


/** Title Icon
/** Title Icon
  * make icons less dominant
  * make icons less dominant
  */
  */
#firstHeading.firstHeading a img {
#firstHeading.firstHeading a img {
max-width: 25px;
max-width: 25px;
max-height: 25px;
max-height: 25px;
    padding-bottom: 5px;
padding-bottom: 5px;
}
}


.imagenCreadorxs img {
.imagenCreadorxs img {
display: block;
display: block;
  max-width:130px;
max-width: 130px;
  max-height:130px;
max-height: 130px;
  width: auto;
width: auto;
  height: auto;
height: auto;
    padding-bottom: 5px;
padding-bottom: 5px;
}
}


.imagenCreadorxs {
.imagenCreadorxs {
font-size: 15px;
font-size: 15px;
}
}

Revisión del 17:29 11 jun 2019

/* MUSIKI THEME */

@import url("https://fonts.googleapis.com/css?family=Lato|Lato");
body,
h1,
h2,
h3,
#content p,
#content,
#content p,
#mw-panel,
#p-navigation,
.firstHeading,
#firstHeading {
	font-family: Helvetica, 'Lato', arial;
}


/*.apex-nav{font-size: 0.8em; margin:0 0 0 0 ;}*/

#mw-panel {
	font-size: 1em;
	color: gray;
}


/*#mw-panel .apex-flyout-pull {top: -4em;}*/


/*links*/

a:link {
	color: #a0a0a0;
}


/* A link that is hovered on */

a:hover {
	color: rgb(51, 204, 204);
}


/* A link that is selected */

a:active {
	color: green;
}

.mw-jump {
	display: none;
}

.mw-wiki-logo {
	padding: 0em 0em 0em 0em;
}

#firstHeading,
.firstHeading {
	line-height: 55px;
	/* text-transform: uppercase; */
	font-size: 25px;
	font-weight: 700;
	padding: 30px 30px 30px 30px;
	transition: all 2s ease 2s;
	text-align: center;
	border-bottom: 0px;
}

#toc,
.toc,
.toc-title,
.toc A {
	font-size: 10px;
	line-height: 12px;
	background: #ecf2ea;
}

.mw-parser-output {
	padding: 0 40px 0 40px;
	font-size: 1.2em;
	line-height: 1.5em;
	text-decoration: none solid rgba(0, 0, 0, 0.84);
	letter-spacing: -0.063;
}

.mw-headline {
	font-size: 0.8em;
}

.mw-headline-number {
	color: rgb(51, 204, 204);
	font-size: 0.6em;
}

#mw-content-text dl,
#mw-content-text ul,
#mw-content-text ol {
	margin-top: .3em;
	margin-bottom: .3em;
}

#footer {
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-bottom: 0px;
}


/* IMAGENES EXTERNAS */

.imagenexterna {
	float: right;
	width: 60%;
	border: 0px;
	margin: 0.5em;
	padding: 0.5em;
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}

.scaled {
	width: 100%;
}

.formtable {
	font-size: smaller;
}

.mw-editsection {
	display: none;
}

.multipleTemplateWrapper .ui-widget {
	display: inline-block;
}


/* FICHAS */

.ficha {
	background: #eee;
	border: 1px solid #aaa;
	float: right;
	padding: 0em 0em 0em 0em;
	margin: 1em 1em 1em 1em;
	width: 300px;
	text-justify: inter-word;
	line-height: 1em;
}

.ficha-titulo {
	font-size: 0.9em;
	font-weight: bold;
	color: white;
	letter-spacing: 0.63;
	text-align: right;
	text-transform: uppercase;
	padding: 0.5em 0.5em 0.5em 0.5em;
	/* gradient for infobox */
	background: rgba(171, 171, 171, 1);
	background: -moz-linear-gradient(left, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(171, 171, 171, 1)), color-stop(100%, rgba(93, 97, 73, 1)));
	background: -webkit-linear-gradient(left, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
	background: -o-linear-gradient(left, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
	background: -ms-linear-gradient(left, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
	background: linear-gradient(to right, rgba(171, 171, 171, 1) 0%, rgba(93, 97, 73, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#5d6149', GradientType=1);
}

.ficha-imagen {
	padding: 0.5em 0 0 0;
	text-align: center;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.ficha th {
	text-align: right;
	font-size: 0.7em;
	vertical-align: top;
	width: 120px;
}

.ficha td {
	font-size: 0.7em;
	text-align: left;
	vertical-align: top;
}

.flocking {
	font-family: monospace;
	white-space: pre;
}


/*CLOUDTAG */

.demo-30-percent-width {
	width: 30%;
	clear: both;
}

.demo-float-right {
	clear: both;
	float: inherit;
	margin-left: 10px;
	margin-bottom: 10px;
}


/* FORMULARIOS */

.formInput,
.createboxInput,
.autocompleteInput {
	border: 1px solid #aaa !important;
	border-radius: 3px !important;
	box-sizing: border-box;
	display: block !important;
	font: inherit;
	padding: 10px !important;
	width: 600px !important;
}

.pfTokens,
.pfComboBox {
	display: block !important;
	width: 600px !important;
}

.formInput {
	display: inline-block !important;
}

.createbox input[type="submit"],
.sfFormInput input[type="submit"],
.forminput_button {
	background: #347bff;
	border: 1px solid #347bff;
	border-radius: 3px;
	cursor: pointer;
	color: white;
	font: inherit;
	padding: 10px;
}

.pfUploadable {
	font-size: small;
}

.inputSpan select {
	display: block !important;
	width: 600px !important;
	padding: 10px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font: inherit;
	background: none;
}

.formtable {
	font-size: small;
}


/* CSS placed here will be applied to all skins SYNTAX HIGHLIGHT CONFIG */

.mw-highlight pre {
	font-size: 90%;
}


/**
 * Dynamic Navigation Bars (experimental)
 *
 * Description: See [[Wikipedia:NavFrame]].
 * Maintainers: UNMAINTAINED
 */


/* make the Cite extension list of references look smaller and highlight clicked reference in blue */

ol.references {
	font-size: 90%;
}

ol.references li:target {
	background-color: #ddeeff;
}

sup.reference:target {
	background-color: #ddeeff;
}


/* CODE MIRROR */

.cm-mw-skipformatting {
	background-color: #ddd;
}

.cm-mw-list {
	background-color: green;
	color: red;
}


/** Title Icon
 * make icons less dominant
 */

#firstHeading.firstHeading a img {
	max-width: 25px;
	max-height: 25px;
	padding-bottom: 5px;
}

.imagenCreadorxs img {
	display: block;
	max-width: 130px;
	max-height: 130px;
	width: auto;
	height: auto;
	padding-bottom: 5px;
}

.imagenCreadorxs {
	font-size: 15px;
}