68 lines
1.2 KiB
CSS
68 lines
1.2 KiB
CSS
|
/* ------------------ Sidebar ----------------- */
|
||
|
|
|
||
|
|
@media all and (min-width: 560px) {
|
||
|
|
.sidebar {
|
||
|
|
float: left; /* LTR */
|
||
|
|
position: relative;
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .sidebar {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.layout-one-sidebar .sidebar {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media all and (min-width: 851px) {
|
||
|
|
.layout-one-sidebar .sidebar {
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
#sidebar-first {
|
||
|
|
width: 25%;
|
||
|
|
margin-left: -100%; /* LTR */
|
||
|
|
}
|
||
|
|
[dir="rtl"] #sidebar-first {
|
||
|
|
margin-right: -100%;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
#sidebar-second {
|
||
|
|
width: 25%;
|
||
|
|
margin-left: -25%; /* LTR */
|
||
|
|
clear: none;
|
||
|
|
}
|
||
|
|
[dir="rtl"] #sidebar-second {
|
||
|
|
margin-right: -25%;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar .section {
|
||
|
|
padding: 10px 15px 0;
|
||
|
|
}
|
||
|
|
.sidebar .block {
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 1px;
|
||
|
|
padding: 15px 20px;
|
||
|
|
margin: 0 0 20px;
|
||
|
|
}
|
||
|
|
.sidebar h2 {
|
||
|
|
margin: 0 0 0.5em;
|
||
|
|
border-bottom: 1px solid #d6d6d6;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
text-shadow: 0 1px 0 #fff;
|
||
|
|
font-size: 1.071em;
|
||
|
|
line-height: 1.2;
|
||
|
|
}
|
||
|
|
.sidebar .block .content {
|
||
|
|
font-size: 0.914em;
|
||
|
|
line-height: 1.4;
|
||
|
|
}
|
||
|
|
.sidebar tbody {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.sidebar tr.even,
|
||
|
|
.sidebar tr.odd {
|
||
|
|
background: none;
|
||
|
|
border-bottom: 1px solid #d6d6d6;
|
||
|
|
}
|