Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #2117441 by alanburke: Fixed Stark layout broken as 'generic' classes removed from html.tpl.php.

8.0.x
webchick 2013-10-29 22:40:32 -07:00
parent 2429657736
commit 86876b30fa
1 changed files with 8 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
core/themes/stark/css/layout.css
View File

@ -30,24 +30,12 @@ main:after {
@media all and (min-width: 480px) and (max-width: 959px) { @media all and (min-width: 480px) and (max-width: 959px) {
.l-content { .l-content {
width: 100%;
}
.sidebar-first .l-content,
.two-sidebars .l-content {
width: 67%; width: 67%;
float: right; /* LTR */ float: right; /* LTR */
} }
[dir="rtl"] .sidebar-first .l-content, [dir="rtl"] .l-content {
[dir="rtl"] .two-sidebars .l-content {
float: left; float: left;
} }
.sidebar-second .l-content {
width: 67%;
float: left; /* LTR */
}
[dir="rtl"] .sidebar-second .l-content {
float: right;
}
.l-sidebar-first { .l-sidebar-first {
width: 33%; width: 33%;
@ -58,57 +46,35 @@ main:after {
} }
.l-sidebar-second { .l-sidebar-second {
width: 33%;
float: right; /* LTR */ float: right; /* LTR */
}
[dir="rtl"] .l-sidebar-second {
float: left;
}
.two-sidebars .l-sidebar-second {
clear: both; clear: both;
width: 100%; width: 100%;
} }
[dir="rtl"] .two-sidebars .l-sidebar-second { [dir="rtl"] .l-sidebar-second {
float: right; float: right;
clear: right; clear: right;
} }
.two-sidebars .l-sidebar-second .block { .l-sidebar-second .block {
float: left; /* LTR */ float: left; /* LTR */
width: 33%; width: 33%;
} }
[dir="rtl"] .two-sidebars .l-sidebar-second .block { [dir="rtl"] .l-sidebar-second .block {
float: right; float: right;
} }
.two-sidebars .l-sidebar-second .block:nth-child(3n+1) { .l-sidebar-second .block:nth-child(3n+1) {
clear: both; clear: both;
} }
} }
@media all and (min-width: 960px) { @media all and (min-width: 960px) {
.l-content { .l-content {
width: 100%; width: 60%;
float: left; /* LTR */ float: left; /* LTR */
left: 20%; /* LTR */
} }
[dir="rtl"] .l-content { [dir="rtl"] .l-content {
float: right; float: right;
}
.sidebar-first .l-content {
width: 80%;
left: 20%; /* LTR */
}
[dir="rtl"] .sidebar-first .l-content {
left: 0;
right: 20%;
}
.sidebar-second .l-content {
width: 80%;
}
.two-sidebars .l-content {
width: 60%;
left: 20%; /* LTR */
}
[dir="rtl"] .two-sidebars .l-content {
left: 0; left: 0;
right: 20%; right: 20%;
} }
@ -116,17 +82,10 @@ main:after {
.l-sidebar-first { .l-sidebar-first {
width: 20%; width: 20%;
float: left; /* LTR */ float: left; /* LTR */
left: -80%; /* LTR */ left: -60%; /* LTR */
} }
[dir="rtl"] .l-sidebar-first { [dir="rtl"] .l-sidebar-first {
float: right; float: right;
left: 0;
right: -80%;
}
.two-sidebars .l-sidebar-first {
left: -60%; /* LTR */
}
[dir="rtl"] .two-sidebars .l-sidebar-first {
left: 0; left: 0;
right: -60%; right: -60%;
} }