CUIDAMOS TU TIEMPO, ASEGURAMOS TU GESTION; JUNTOS CUMPLIMOS.

Diferencia entre revisiones de «MediaWiki:Common.css»

De Audisoft
Saltar a: navegación, buscar
Línea 178: Línea 178:
 
     max-width: 100%;
 
     max-width: 100%;
 
}
 
}
 +
 +
@media screen and (max-width: 800px) {
 +
body {
 +
padding-top:80px;
 +
}
 +
 +
.collapsible-nav {
 +
display:block;
 +
width:100%;
 +
position: fixed;
 +
top:0;
 +
background:#E6344A;
 +
}
 +
 +
.collapsible-nav .bt-menu {
 +
display: block;
 +
padding: 20px;
 +
color: #fff;
 +
overflow: hidden;
 +
font-size: 25px;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
 +
.collapsible-nav span {
 +
float: right;
 +
font-size: 40px;
 +
}
 +
 +
header nav {
 +
width: 80%;
 +
height: calc(100% - 80px);
 +
position: fixed;
 +
right:100%;
 +
margin: 0;
 +
overflow: scroll;
 +
}
 +
 +
header nav ul li {
 +
display: block;
 +
border-bottom:1px solid rgba(255,255,255,.5);
 +
}
 +
 +
header nav ul li a {
 +
display: block;
 +
}
 +
 +
header nav ul li:hover .children {
 +
display: none;
 +
}
 +
 +
header nav ul li .children {
 +
width: 100%;
 +
position: relative;
 +
}
 +
 +
header nav ul li .children li a {
 +
margin-left:20px;
 +
}
 +
 +
header nav ul li .caret {
 +
float: right;
 +
}
 
}
 
}

Revisión de 12:35 25 mayo 2016

/* El CSS colocado en esta página será aplicado a todas las apariencias */
 
/*Propiedades del body*/
/*Ocultar logo powerby wiki*/
 
#footer-poweredbyico { display: none; }
 
/*si ponemos edit en vez de read nos elimina la opcion de editar
li#ca-read { display: none;}*/
 
#ca-history { display: none;}
#ca-watch { display: none;}
#ca-view{display: none;}
#ca-viewsource{display:none;}
 
/*el icono de dropdown lista
#p-cactions{display: none;}*/
 
/*color de cabezera */
#mw-head-base{background-color:#fff;}
 
/*Color de footer*/
#footer{background-color:#fff;}
 
/*oculta la informacion del usuario-difucion-lista seguimiento
#p-personal{display: none; }*/
/*oculta pestañas*/
#ca-nstab-main{display: none;}
#pt-mytalk{display: none;}
#pt-preferences{display: none;}
#pt-watchlist{display: none;}
#pt-mycontris{display: none;}
#ca-talk{display: none;}
 
/*elimina link a discucion por ip de visitantes*/
#pt-anonuserpage{display: none;}
#pt-anontalk{display: none;}
 
/*Deja fija el mw-panel*/
#mw-panel{position:fixed !important; right:0px; top:0px; z-index:10 !important;} 
 
 
 
/*Editar el bodycontent, content y tabla de contenido*/
 
.toc, #toc { background-color:#e8e8e7; }
 
/*div#content{background-color:#e8e8e7;}*/
 
#firstHeading{
 font-family: Calibri, arial, sans-serif; 
   font-size: 20pt; 
   font-weight: bold;
   color: #222;
}
#bodyContent h2,h3{
   font-family: Calibri, arial, sans-serif; 
   font-size: 16pt; 
   font-weight: bold; 
   color: #222; }
 
#bodyContent p, li{
   font-family: Calibri, arial, sans-serif; 
   font-size: 11pt; 
   font-weight: bold; 
   /*padding: 5px;*/ 
   color: #666666; }
#bodyContent a{font-family: Calibri, arial, sans-serif; 
   font-size: 12pt; 
   font-weight: bold; 
   padding: 5px; 
   color: #666666; 
}
 
/*Cambia el color del enlace*/
#bodyContent a:hover{color:#B2D237;}
 
 
/*Cambia el color de etiquetas */
 
#mw-page-base{background-color:#4D4D4F;}
#left-navigation{background-color:#D8D9DA;display:none;}
 
div#content{background-color:#fff;}
 
.collapsible-nav{background-color:#e8e8e7;}
 
#footer{background-color:#e8e8e7; margin:auto;}
 
#p-logo a{background-size: 130px;
  background-repeat:no-repeat;
  background-color:#e8e8e;}
 
/*modificacion del Head*/
#mw-head-base{display:none;}
 
/*Letras de usuario*/
#pt-userpage a:link{color:#fff;}
#pt-logout a{color:#fff;}
#pt-logout vlink{color:#fff;}
#pt-anonlogin a:link{color:#fff;}
 
/*configuracion  del panel izquierdo*/
#p-navigation a{
   text-decoration: none;
   font-family: Calibri, arial, sans-serif; 
   font-size: 10pt; 
   color: #4D4D4F;
   padding-top: 15px;
   padding-buttom: 15px;
   padding-left: 10px;
   padding-right: 10px; 
 
}
 
#p-Certificacion a{
   text-decoration: none;
   font-family: Calibri, arial, sans-serif; 
   font-size: 10pt; 
   color: #4D4D4F;
   padding-top: 15px;
   padding-buttom: 15px;
   padding-left: 5px;
   padding-right: 10px; 
}
#p-Audisoft_Pyme a{
   text-decoration: none;
   font-family: Calibri, arial, sans-serif; 
   font-size: 10pt; 
   color: #4D4D4F;
   padding-top: 15px;
   padding-buttom: 15px;
   padding-left: 10px;
   padding-right: 10px; 
}
#p-GestionDte a{
   text-decoration: none;
   font-family: Calibri, arial, sans-serif; 
   font-size: 10pt; 
   color: #4D4D4F;
   padding-top: 15px;
   padding-buttom: 15px;
   padding-left: 10px;
   padding-right: 10px;
}
#p-tb a{
   text-decoration: none;
   font-family: Calibri, arial, sans-serif; 
   font-size: 10pt; 
   color: #4D4D4F;
   padding-top: 15px;
   padding-buttom: 15px;
   padding-left: 5px;
   padding-right: 10px;
}
/*efecto hover al cada link*/
 
#p-navigation:hover{background-color: #B2D237;}
#p-Certificacion:hover{background-color: #B2D237;}
#p-Audisoft_Pyme:hover{background-color: #B2D237;}
#p-GestionDte:hover{background-color: #B2D237;}
#p-tb:hover{background-color: #B2D237;}
 
/**/
.portal first persistent a{
   font-family: Calibri, arial, sans-serif; 
   font-size: 11pt; 
   color: #666666;}
 
#mw-content-text h3{
   border-top: 2px solid #4D4D4F; 
   border-bottom: 2px solid #4D4D4F; 
}
#mw-content-text a{
   color:#151515;
}
.image img{
    max-width: 100%;
}
 
@media screen and (max-width: 800px) {
	body {
		padding-top:80px;
	}
 
	.collapsible-nav {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#E6344A;
	}
 
	.collapsible-nav .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}
 
	.collapsible-nav span {
		float: right;
		font-size: 40px;
	}
 
	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}
 
	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
 
	header nav ul li a {
		display: block;
	}
 
	header nav ul li:hover .children {
		display: none;
	}
 
	header nav ul li .children {
		width: 100%;
		position: relative;
	}
 
	header nav ul li .children li a {
		margin-left:20px;
	}
 
	header nav ul li .caret {
		float: right;
	}
}