MediaWiki:Common.css

De Casiopea

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

  • Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
  • Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
  • Opera: Presiona Ctrl+F5.
/* canvas para processingjs */

canvas{
	max-width: 100% !important;
	height: auto;
	overflow: hidden;
}

.poem{
	font-family: Merriweather;
	font-size: .9em;
}

/* Tablas _______________________________________________________________ */

table.plantilla{
	font-size: 95%;
	padding: 1em !important;
	margin: 0 0 4em 0 !important;
	line-height: 120%;
	border: none;
	border-radius: 6px;
}

table.plantilla tbody tr{
	vertical-align: top;
}

table.row-borders tbody tr{
        border-top: 1px solid #DDD;
}
table.plantilla tbody tr th {
	text-align: right;
	min-width: 110px;
	width: 20%;
	padding: 2px 1.5ex 0 0;
	color: rgba(0, 0, 0, .5);
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 0.03ex;
	background-color: transparent;
	color: rgba(0,0,0,0.3);
	font-weight: bold;
}

table.at {
	border-top: 1px solid #CCC;
	width: 100%;
}

table.at tbody tr{
	display: block;
	border-bottom: 1px solid #CCC;
}

table.formtable{
	border-collapse: collapse;
	border: none;
}

table.formtable tbody tr th{
	text-align: right;
	padding: 0 1.5ex 0 0;
	color: #555;
	font-weight: normal;
	font-size: 85%;
	white-space: nowrap;

} 

table.formtable tbody tr th,
table.formtable tbody tr td{
	padding: 5px;
	line-height: 110%;
	vertical-align: top;
} 

table.competencias{
	margin: 0 0 0 2em;
	border: none;
	border-collapse: collapse;
}

table.competencias tbody tr th{
	letter-spacing: normal;
	text-transform: uppercase;
	padding: 1.5em 0 1.5em 0;
	color: #b3b3b3;
}

table.competencias tbody tr td {
	background-color: transparent;
	vertical-align: top;
	padding: 1em;
}

table.competencias tbody tr td ul{
	padding-top: 0;
	margin-top: 0;
}

table.competencias tbody tr{
	border-bottom: 1px solid #CCC !important;
}

table.competencias tbody tr:last-child{
	border-bottom: 1px solid transparent !important;
}

table.competencias tbody tr th, table.competencias tbody tr td{
	background: transparent;
}

table.malla tbody tr td{
	font-size: 13px;
	vertical-align: top !important;
}

table.malla tbody tr td ul{
	padding: 0 0 2em 0;
}

table.malla tbody tr td ul ul{
	padding: 0;
}

table.malla tbody td.year{
	padding: 0;
	color: #c00;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: -.06ex;
}

table.malla tbody tr th{
	color: #CCC;
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 2em 0 1em;
}

td.Créditos{
	text-align: center;
}

td.Clave{
	font-weight: bold;
	font-family: Consolas, monospace;
}

td.Bibliografía,
td.Competencias-Fundamentales,
td.Competencias-Disciplinares,
td.Competencias-Profesionales{
	vertical-align: top;
	font-size: .8em;
	line-height: 1.1em;
}

td.Bibliografía hr,
td.Competencias-Fundamentales hr,
td.Competencias-Disciplinares hr,
td.Competencias-Profesionales hr{
	margin: 3px 0;
	border-color: #CCC;
}
.ficha{
	border-collapse: collapse;
}

.bio, td.bio{
	font:italic normal 85%/111% ;
}

/* ajustes para asignaturas _______________________________________________________ */

.clave{
   font-family: Consolas, monospace;
   display: inline-block;
   padding: 0 3px; 
   margin: 0 3px 3px 0;
   color: #FFF;
   background-color: #000;
   border-radius: 2px
}

td.nombre{
	padding: 1em !important;
	font-weight: 900;
	font-size: 26px;
	height: 34px;
	line-height: 100%;
}

.asignaturas,
.profesor{
   display: inline-block;
   padding: 0 3px; 
   border-radius: 2px
}
.asignaturas::after,
.profesor::after{
	content: ", ";
}

.asignaturas:last-of-type::after,
.profesor:last-of-type::after{
	content: "";
}

/* tabla malla nueva, tabla de colores para asignaturas _____________________________________ */

table.malla-nueva tr th,
table.malla-nueva tr td{
	vertical-align: top;
}

table.malla-nueva tr th{
	padding: 1ex;
}

table.malla-nueva tr td{
	padding: 0;
}

/* Ficha Asignatura: es una plantilla que se utiliza como Template para resultados semánticos */

.ficha-asignatura{
	display: block;
	padding: 1ex;
}

.ficha-asignatura:hover{
	background-color: #FFF;
}

.ficha-asignatura .clave,
.ficha-asignatura .creditos{
	margin: 0;
	font-weight: bolder;
	font-size: 10px;
	line-height: 1.1em;
}

.ficha-asignatura .clave{
	padding: .5ex;
}

.ficha-asignatura .creditos{
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 0.516ex 1.2ex 0.4ex 1.2ex;
	border-radius: 10px;
}

.Optativa{background-color: #008040 !important;}
.Obligatoria{background-color: #b30000 !important;}

.ficha-asignatura .nombre-asignatura a{
	display: inline-block;
	clear: both;
	font-size: 14px;
	padding: .5ex;
	font-weight: 700 !important;
	line-height: 100% important;
}

.ficha-asignatura .nombre-asignatura a:hover{
	background-color: transparent;
	text-decoration: underline;
}

/* vcard para Plantilla: Personas _______________________________________________________ */

.vcard{
	text-align: center;
}

.vcard .person-name{
	display: inline-block;
	margin: 1ex 0px;
	font-size: 1.5em;
	letter-spacing: -0.03ex;
	color: black;
	font-weight: bold;
}
.vcard .titulo p,
.vcard .titulo .bio, 
.vcard .titulo .url{
	font-family: "Source Sans Pro";
	font-size: 1em;
	line-height: 120%;
	font-style: normal;
	text-align: center;
}

/* para la Plantilla: Listado de Profesores _____________________________________________ */

.listado-profesores .nombre a{
	font-weight: 300;
}

.listado-profesores small{
	display: block;
	line-height: 120%;
	margin: 0px 0px 1em;
	font-size: 80%;
	font-weight: 400;
}

/* para la Plantilla: Ficha Personal _______________________________________________________ */

.ficha-personal{
	display: inline-block;
	min-height: 200px !important;
}

.ficha-personal .foto{
	width: 150px;
	float: left;
	border-radius: 50%;
}

.ficha-personal .title{
	
}

.ficha-personal .title h3{
	font-size: 14px;
	font-weight: normal;
}

.ficha-personal .title .bio{
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 110%;
}

/* tabla malla nueva, tabla de colores para asignaturas _____________________________________ */

table.malla-nueva tr th,
table.malla-nueva tr td{
	vertical-align: top;
}

table.malla-nueva tr th{
	padding: 1ex;
}

table.malla-nueva tr td{
	padding: 0;
}

/* Ficha Asignatura: es una plantilla que se utiliza como Template para resultados semánticos */

.ficha-asignatura{
	display: block;
	padding: 1ex;
}

.ficha-asignatura:hover{
	background-color: #FFF;
}

.ficha-asignatura .clave,
.ficha-asignatura .creditos{
	float: left;
	color: #5C5C5C;
	background-color: transparent;
	border: none;
	margin: 0;
	font-weight: bolder;
	font-size: 10px;
	border: 1px solid transparent;
}

.ficha-asignatura .clave{
	padding: .5ex;
}

.ficha-asignatura .creditos{
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 0.6ex 1.2ex 0.4ex 1.2ex;
	border-radius: 10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

.ficha-asignatura .nombre-asignatura a{
	display: block;
	clear: both;
	font-size: 14px;
	padding: .5ex;
	line-height: 110%;
}

.ficha-asignatura .nombre-asignatura a:hover{
	background-color: transparent;
	text-decoration: underline;
}

/* Semantic Media Wiki _______________________________________________________ */

.aviso,
.mw-warning-with-logexcerpt,
.smw-editpage-help {
	background-color: #FFFBAE;
	border: 0px solid transparent !important;
	padding: 1em 1em 1.5em 1em !important;
	margin-bottom: 2em !important;
	border-radius: 6px;
}

.estrofa{background-color: #F5F5F5; min-height: 350px; padding: 1ex; background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%); background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%); background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=0 );
}
.estrofa span{display: inline-block; border:1px solid rgba(0,0,0,.2); padding: 0 1ex; margin: 0 3px 3px 0; border-radius: 3px}
.estrofa span:nth-child(1){font-size: 3em; display:block; line-height:140%; border: none}
.estrofa span:nth-child(2){font-size: 2em; display:block; line-height:140%; border: none}