ref #3 Mejoras en la visión de la plantilla (cambio de sitio de la opción) y tamaño de la barra lateral

This commit is contained in:
2014-02-20 19:49:05 +01:00
parent fda9e82276
commit 4e3b7e5f6f
2 changed files with 17 additions and 14 deletions

View File

@@ -44,13 +44,13 @@ body {
/* Sidebar navigation */ /* Sidebar navigation */
.nav-sidebar { .nav-sidebar {
margin-right: -21px; /* 20px padding + 1px border */ margin-right: -11px; /* 20px padding + 1px border */
margin-bottom: 20px; margin-bottom: 10px;
margin-left: -20px; margin-left: -10px;
} }
.nav-sidebar > li > a { .nav-sidebar > li > a {
padding-right: 20px; padding-right: 10px;
padding-left: 20px; padding-left: 10px;
} }
.nav-sidebar > .active > a { .nav-sidebar > .active > a {
color: #fff; color: #fff;
@@ -63,14 +63,14 @@ body {
*/ */
.main { .main {
padding: 20px; padding: 10px;
background-color: #F3FEC8; background-color: #F3FEC8;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.main { .main {
padding-right: 40px; padding-right: 20px;
padding-left: 40px; padding-left: 20px;
background-color: #F3FEC8; background-color: #F3FEC8;
} }
@@ -85,16 +85,16 @@ body {
*/ */
.placeholders { .placeholders {
margin-bottom: 30px; margin-bottom: 15px;
text-align: center; text-align: center;
} }
.placeholders h4 { .placeholders h4 {
margin-bottom: 0; margin-bottom: 0;
} }
.placeholder { .placeholder {
margin-bottom: 20px; margin-bottom: 10px;
} }
.placeholder img { .placeholder img {
display: inline-block; display: inline-block;
border-radius: 50%; border-radius: 25%;
} }

View File

@@ -31,6 +31,9 @@
</button> </button>
<a class="navbar-brand" href="index.php">{aplicacion}</a> <a class="navbar-brand" href="index.php">{aplicacion}</a>
</div> </div>
<div class="navbar-brand">
-{opcion}-
</div>
<div class="navbar-collapse collapse"> <div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="#">{usuario}</a></li> <li><a href="#">{usuario}</a></li>
@@ -46,13 +49,13 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm-3 col-md-2 sidebar"> <div class="col-sm-2 col-md-1 sidebar">
<ul class="nav nav-sidebar"> <ul class="nav nav-sidebar">
<li class="active">{menu}</li> <li class="active">{menu}</li>
</ul> </ul>
</div> </div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> <div class="col-sm-10 col-sm-offset-1 col-md-11 col-md-offset-1 main">
<h1 class="page-header">{opcion}</h1> <!--<h1 class="page-header">{opcion}</h1>-->
{contenido} {contenido}
</div> </div>
</div> </div>