Commit 2d83849c authored by nicol's avatar nicol

Fix overlapping responsive view on CiviCon/CiviCamps for longer titles and teaser lines

parent 313f9092
...@@ -728,6 +728,9 @@ section.main-body>.container:first-child { ...@@ -728,6 +728,9 @@ section.main-body>.container:first-child {
} }
/* COMMENTS */ /* COMMENTS */
#comments {
clear:both;
}
#comments h2 { #comments h2 {
font-weight: 300; font-weight: 300;
margin: 100px 0 10px 0; margin: 100px 0 10px 0;
...@@ -1543,7 +1546,7 @@ a.feature-box:hover { ...@@ -1543,7 +1546,7 @@ a.feature-box:hover {
color: #fff; color: #fff;
font-size: 38px; font-size: 38px;
line-height: 38px; line-height: 38px;
margin: 50px auto; margin: 100px auto 0;
width: 600px; width: 600px;
font-weight: 300; font-weight: 300;
text-shadow: 0 0 0.3em rgba(1, 1, 1, 1); text-shadow: 0 0 0.3em rgba(1, 1, 1, 1);
...@@ -1833,7 +1836,9 @@ p.sponsor-image.midler a { ...@@ -1833,7 +1836,9 @@ p.sponsor-image.midler a {
min-height: 110px; min-height: 110px;
margin: 10px 0 40px; margin: 10px 0 40px;
} }
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 .col-sm-3 { .view-civicon.view-id-civicon.view-display-id-panel_pane_1 .col-sm-3,
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 .col-sm-4,
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 .col-sm-8 {
padding: 0; padding: 0;
} }
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 .views-field-nothing .col-sm-3 a { .view-civicon.view-id-civicon.view-display-id-panel_pane_1 .views-field-nothing .col-sm-3 a {
...@@ -1860,6 +1865,7 @@ p.sponsor-image.midler a { ...@@ -1860,6 +1865,7 @@ p.sponsor-image.midler a {
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 h4 { .view-civicon.view-id-civicon.view-display-id-panel_pane_1 h4 {
margin-top: 0; margin-top: 0;
margin-bottom: 8px; margin-bottom: 8px;
text-align: right;
} }
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul { .view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul {
list-style: none; list-style: none;
...@@ -1932,9 +1938,9 @@ p.sponsor-image.midler a { ...@@ -1932,9 +1938,9 @@ p.sponsor-image.midler a {
padding: 0 5px; padding: 0 5px;
} }
} }
@media (max-width:700px) { @media (max-width:760px) {
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li { .view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li {
display: table; display: initial;
} }
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li a { .view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li a {
padding: 0; padding: 0;
...@@ -2264,10 +2270,7 @@ nav.event-sub-menu p.credit:not(:empty)::before { ...@@ -2264,10 +2270,7 @@ nav.event-sub-menu p.credit:not(:empty)::before {
} }
.node-type-conference .pane-node-title { .node-type-conference .pane-node-title {
max-width: none; max-width: none;
} top: 65px;
.node-type-conference .field-name-field-conference-teaser-line .field-item {
margin: 50px 0;
width: auto;
} }
.event-sub-menu { .event-sub-menu {
text-align: center; text-align: center;
...@@ -2294,23 +2297,37 @@ nav.event-sub-menu p.credit:not(:empty)::before { ...@@ -2294,23 +2297,37 @@ nav.event-sub-menu p.credit:not(:empty)::before {
ol.flex-control-nav { ol.flex-control-nav {
display: none; display: none;
} }
.node-type-conference .field-name-field-conference-teaser-line .field-item, .node-type-conference .field-name-field-date-teaser-line .field-item { .node-type-conference .field-name-field-conference-teaser-line .field-item {
text-align: left;
margin: 80px auto 0;
font-size: 28px;
}
.node-type-conference .field-name-field-date-teaser-line .field-item {
text-align: left; text-align: left;
font-size: 32px; font-size: 32px;
padding-top: 10px;
} }
.node-type-conference .pane-node-title h1 { .node-type-conference .pane-node-title h1 {
font-size: 48px; font-size: 48px;
line-height: 48px;
text-align: left; text-align: left;
max-wdith: 500px; max-wdith: 500px;
} }
.node-type-conference .pane-node-title { .node-type-conference .pane-node-title {
max-width: 500px; max-width: 500px;
} }
.node-type-conference .pane-node-field-date-teaser-line, .node-type-conference .pane-node-title, .node-type-conference .pane-node-field-conference-teaser-line, .node-type-conference .pane-node-field-register-link { .node-type-conference .pane-node-field-date-teaser-line, .node-type-conference .pane-node-title, .node-type-conference .pane-node-field-conference-teaser-line {
text-align: left; text-align: left;
/* edit*/
padding-left: 20px; padding-left: 20px;
} }
.node-type-conference .pane-node-field-conference-teaser-line {
top: 180px;
}
.node-type-conference .pane-node-field-register-link {
text-align: 20px;
padding-left: 0;
top: -80px;
}
.event-sub-menu { .event-sub-menu {
text-align: left; text-align: left;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment