Vier mobile: fix content width, events style, oembed

This commit is contained in:
Fabrixxm 2016-02-03 14:48:46 +01:00
parent 3c6ebfa5a9
commit 1ddae21cff
2 changed files with 38 additions and 6 deletions

View file

@ -8,11 +8,11 @@ aside, header, #nav-events-link, #search-box, #nav-admin-link, #activitiy-by-dat
} }
section { section {
/* left: calc((100% - (784px)) / 2); */ box-sizing: border-box;
left: 0px; left: 0px;
width: calc(100% - 20px); width: 100%;
max-width: 100%; max-width: 100%;
padding: 10px; padding: 5px;
} }
body, section, nav .nav-menu, div.pager, ul.tabs { body, section, nav .nav-menu, div.pager, ul.tabs {
@ -92,8 +92,8 @@ nav ul {
.wall-item-container.thread_level_5, .wall-item-container.thread_level_5,
.wall-item-container.thread_level_6, .wall-item-container.thread_level_6,
.wall-item-container.thread_level_7 { .wall-item-container.thread_level_7 {
margin-left: 60px; margin-left: 0;
width: calc(100% - 70px); width: calc(100% - 10px);
} }
.wall-item-container.thread_level_2 .wall-item-content, .wall-item-container.thread_level_2 .wall-item-content,
@ -105,6 +105,10 @@ nav ul {
max-width: 100%; max-width: 100%;
} }
.wall-item-container .wall-item-info { width: auto; }
.contact-photo-wrapper { width: 55px; }
.wwto { left: 0px; }
/* aside in/out */ /* aside in/out */
.mobile-aside-toggle { .mobile-aside-toggle {
display: block !important; display: block !important;
@ -235,3 +239,29 @@ select:focus {
.field.checkbox label { width: 70%; float: left; } .field.checkbox label { width: 70%; float: left; }
.field .field_help { margin: 0; } .field .field_help { margin: 0; }
/** event **/
.event-start, .event-end { width: auto; }
.event-start .dtstart, .event-end .dtend { float: none; display: block; }
/** oembed **/
.embed_video {
float: none;
margin: 0px;
height: 120px;
width: 100%;
overflow: hidden;
display: block;
}
.embed_video > img {
display: block;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
.embed_video > div {
background-image: none !important; background-color: transparent !important;
width: 100% !important; height: 110px !important;
}
.type-link > a { height: 120px; width: 100%; overflow: hidden; display: block; }
.type-link > a > img { display: block; max-width: 100%!important; width: 100% !important; height: auto !important; }

View file

@ -2748,7 +2748,9 @@ a.mail-list-link {
margin-bottom: 15px; margin-bottom: 15px;
} }
.vevent .event-description, .vevent .event-location { .vevent .event-summary,
.vevent .event-description,
.vevent .event-location {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }