arteleku_skin/css/dos-columnas.css
2017-12-15 01:06:00 +01:00

108 lines
1.5 KiB
CSS

.dos-columnas-adaptativo{
position: relative;
}
.izquierda-adaptativo{
width: 570px;
top: 0;
/* height: 400px; */
float: left;
margin-right: 30px;
border-top: 2px solid #000;
/*margin-bottom: 40px;*/
}
.izquierda-adaptativo .panel-pane{
border: 0;
}
.izquierda-adaptativo .pane-title{
border: 0;
}
.derecha-adaptativo .pane-content{
margin-top: 20px;
}
.derecha-adaptativo{
float: right;
width: 170px;
left: 600px
}
#page-manager-edit #sub-columna{
position: static;
}
#page-manager-edit #destacado-adaptativo{
height: auto;
}
#derecha-adaptativo div.panel-no-margin>div.pane-content{
margin-top: 0;
}
@media (min-width: 1200px) {
.izquierda-adaptativo{
width: 770px;
top: 0px;
}
.derecha-adaptativo{
left:800px;
}
.izquierda-adaptativo .izquierda-adaptativo{
width: 170px;
top: 0px;
}
.izquierda-adaptativo .derecha-adaptativo{
left:200px;
width: 570px
}
}
@media only screen and (min-width: 770px) and (max-width: 991px) {
.izquierda-adaptativo{
width: 370px;
float: left;
margin-right: 30px;
}
.derecha-adaptativo{
position: static;
width: 170px;
}
}
@media only screen and (max-width: 569px) {
.izquierda-adaptativo{
width: 270px;
float: left;
margin-right: 0px;
}
.derecha-adaptativo{
position: static;
width: 270px;
}
}
@media only screen and (min-width: 570px) and (max-width: 769px) {
.izquierda-adaptativo{
width: 370px;
float: left;
margin-right: 0px;
}
.derecha-adaptativo{
position: static;
width: 370px;
}
}