asistemas.update01.txt

asistemas.update01.txt

.ico-detail-see-more {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
top: 3px;
font-size: 18px;

}

/*
* index.phtml :: into jumbotron last item
*/
<div style="margin: 150px 0 0 0;font-size: 28px;">
  <span class="glyphicon glyphicon-chevron-left ico-detail-see-more"></span>
<div>

/**
* Especialidades
*/
.btn-speciality {
padding: 0 5px 1px 1px;
color: #878787;
font-size: 13px;
font-weight: bold;
}
// delete  'color-gray-87-mas' of tag[a][class]


/**
* home: box actividad reciente
* agregar clase: en div.row = 'box-activity-home'
*/
.box-activity-home:last-child {
border-bottom: none;
}
.box-activity-home {
border-bottom: 1px solid #53D2C9;
margin: 0 0px;
padding: 10px 0;
}

/**
* en footer change  to ROW
**/

// HTML
<div class="row">
<div class="row copy-right"> 
<div class="col-md-6 col-xs-6">
© 2015. Asiste Más. Todos los derechos reservados</div>
<div class="col-md-6 col-xs-6 text-right ">Desarrollado por Develoweb</div>
</div>
</div>

/******************************************
* http://54.85.186.203/booking/detaildd
* to div : otros medicos cerca
*/
// CSS
.box-medicos-cerca {
border-bottom: 1px solid #c8c8c8;
margin: 0 10px;
}
.box-medicos-cerca:last-child {
border: none;
}
// HTML
<div class="box-recent-activity">
<div class="row box-medicos-cerca  ">
<div class="col-md-3 col-xs-3 out-padding text-left">
<img src="http://lorempixel.com/200/200/people/" alt="" class=" img-circle img-60px">
</div>
<div class="col-md-9 col-xs-9">
<div class="row color-green-mas bold"> Dra. Luisa Nakamura Torres</div>
<div class="row">OFTALMÓLOGA</div>
<div class="row">
<span class="glyphicon glyphicon-thumbs-up color-green-mas" aria-hidden="true"></span>
3 Recomendaciones
</div>
</div>
</div>
<div class="row box-medicos-cerca  ">
<div class="col-md-3 col-xs-3 out-padding text-left">
<img src="http://lorempixel.com/200/200/people/" alt="" class=" img-circle img-60px">
</div>
<div class="col-md-9 col-xs-9">
<div class="row color-green-mas bold"> Dra. Luisa Nakamura Torres</div>
<div class="row">OFTALMÓLOGA</div>
<div class="row">
<span class="glyphicon glyphicon-thumbs-up color-green-mas" aria-hidden="true"></span>
3 Recomendaciones
</div>
</div>
</div>
<div class="row box-medicos-cerca  ">
<div class="col-md-3 col-xs-3 out-padding text-left">
<img src="http://lorempixel.com/200/200/people/" alt="" class=" img-circle img-60px">
</div>
<div class="col-md-9 col-xs-9">
<div class="row color-green-mas bold"> Dra. Luisa Nakamura Torres</div>
<div class="row">OFTALMÓLOGA</div>
<div class="row">
<span class="glyphicon glyphicon-thumbs-up color-green-mas" aria-hidden="true"></span>
3 Recomendaciones
</div>
</div>
</div>
</div>

/**********************************
* http://54.85.186.203/booking/detaildd
* to div : Ubicaciones
*/
<div style="" class="box-recent-activity">
<div class="row row box-medicos-cerca  ">
<div class="color-gray-mas font-style-italic-mas">Comas - lima</div>
<div><strong>Consultorio privado</strong></div>
<div>Av. Universitaria 1532</div>
<div>Comas - Lima (<a href="#">ver mapa</a>)</div>
<div>456-7889 / 99986548</div>
</div>
<div class="row box-medicos-cerca  ">
<div class="color-gray-mas font-style-italic-mas">Comas - lima</div>
<div><strong>Consultorio privado</strong></div>
<div>Av. Universitaria 1532</div>
<div>Comas - Lima (<a href="#">ver mapa</a>)</div>
<div>456-7889 / 99986548</div>
</div>
</div>

/**
* http://54.85.186.203/booking/detaildd
* 24 recomendaciones
*/
// CSS
.recomended-title {
padding: 0px !important;
margin: 15px 15px 0 15px;
}
.img-recomended {
padding: 2px 2px;
}
.floated_img {
float: left;
}

// HTML
<div class="margin-top-mas-15"><span class="font-size-mas-16"><span class="glyphicon glyphicon-thumbs-up color-green-mas" aria-hidden="true"></span>&nbsp;24 Recomendaciones</span></div>

<div class="box-recent-activity">
<div class="row recomended-title">
<div class="color-gray-mas text-align-mas-justify font-style-italic-mas">Recomendaciones de Pacientes Reales</div>
<span class="color-green-mas text-align-mas-justify font-style-italic-mas">(Sólo citas reservadas en Asiste+)</span>
</div>
<div class="row box-medicos-cerca  clearfix">
<div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div>
<div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div>
<div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div>
<div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div>
<div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div>
<div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div>
<div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div><div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div>
<div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div>
<div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div><div class="floated_img img-recomended">
<img src="http://lorempixel.com/200/200/people/" alt="Some image" class="img-60px img-circle">
</div>
</div>
</div>