en Sin categoría

Estilo para la documentación

En cabecera de tema header.php

<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	<!--[if lt IE 9]>
	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
	<![endif]-->
	<?php wp_head(); ?>
	
	
	
	
	
	<?php
$host = $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];
	if (strpos($host, 'blog.puntoycomalab.com/docs/') === 0 && strlen($host) > strlen('blog.puntoycomalab.com/docs/')) {
		echo '
		
		<style type="text/css">
		/*para que ocupe el doc todo la pantalla*/
		.site {
			background-color: #ffffff;
			/* margin: 80px auto; */
			padding: 0 40px;
			max-width: 100% !important; 
			margin-bottom: 0;
			margin-top: 20px !important; 
		} 
		
		/*Para los que tiene articulos*/
		#post-255 > div > div.article-child.well > h3{
		    margin-top: 0px !important; 
    		margin-bottom: 15px !important; 
		}
		
		
		/*para que muestre las paginas del menu*/
		.site-header {
    text-align: center !important;
    margin-left: 0 !important;
    display: block !important;
    width: 100% !important;
    position: relative !important;
    margin-bottom: 0 !important;
}

.single .site-header-info {
    display: none !important;
}

.main-navigation li {
    display: inline-block !important;
    padding: 5px 10px !important;
    width: auto !important;
}

#masthead .site-navigation {
    border-bottom: 1px solid #eee !important;
    margin-top: 0 !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

#masthead .main-navigation ul {
    margin-left: -10px !important;
}

.main-navigation li {
    display: inline-block !important;
    padding: 5px 10px !important;
    width: auto !important;
}


/*para mostrar el footer centrado*/
.site-content, .site-footer {
    /* float: unset; */
    max-width: 100% !important;
    /* width: 100%; */
}

	</style>';
	}
	
?>
	
	
	
	
</head>

Escriba un comentario

Comentario

  • Contenido relacionado por Etiqueta