More actions
.MainPage__header { line-height: normal; padding-bottom: .5em; } .MainPage__intro h1 { font-size: 200%; margin-bottom: 0; color: #069; border-bottom: none; padding-bottom: .4em; padding-top: .4em; font-family: 'Century Gothic',Verdana,sans-serif; font-weight: bold; } .MainPage__menu ul { margin: 0; padding: 0; list-style: none none; font-weight: bold; } .MainPage__menu li { padding: .2em 0; } .MainPage__menu a { color: #069; } .MainPage__block { box-sizing: border-box; float: left; display: inline-block; width: 100%; margin-bottom: 1em; } .MainPage__block_contents { padding: 0 2vw 0; }
- mf-intro {
line-height: 1.3em; } .MainPage__block_heading { background: #eaecf0; border-bottom: 2px solid #b32424; font-weight: bold; padding: .5em 2vw; vertical-align: middle; margin-bottom: .5em; } .MainPage__block_heading > img { padding: 0 2vw; } @media screen and (max-width: 767px) { .MainPage__intro h1 { text-align: center; } body.skin-minerva .MainPage__intro h1, .MainPage__menu br { display: none; } .MainPage__menu li { padding: .5em 0; border-top: 1px solid #b32424; text-align: center; margin: 0; /* override minerva margin on li */ } .MainPage__menu li:last-child { border-bottom: 1px solid #b32424; } .MainPage__block .MainPage__block_heading { border-left: 2px solid #b32424; } .MainPage__current_events .MainPage__block_contents table { border-spacing: 0; } .MainPage__current_events .MainPage__block_contents tr { display: block; max-width: 100%; margin: 0 0 1em; } .MainPage__current_events .MainPage__block_contents tr td { padding: 0; } .MainPage__current_events .MainPage__block_contents tr td:first-child, .MainPage__current_events .MainPage__block_contents tr td:nth-child(2) { min-width: 20px; } .MainPage__current_events .MainPage__block_contents tr td:last-child { width: 100%; display: block; } } @media screen and (min-width: 768px) { .MainPage__header { font-size: 125%; display: flex; align-items: stretch; } .MainPage__intro { flex: 3 3 75%; } .MainPage__menu { border-left: 3px solid #b32424; margin-bottom: 0;
margin-top: 0.5em;
flex: 1 1 25%; display: flex; align-items: center; } .MainPage__block_heading { padding: .5em 1em; } .MainPage__block_heading > img { padding: 0 15px; } .MainPage__intro h1, .MainPage__block_contents { padding-left: 30px; padding-right: 30px; } .MainPage__block:first-child .MainPage__block_heading { border-left: 2px solid #b32424; } .MainPage__current_events, .MainPage__community_communication { width: 60%; } .MainPage__requests, .MainPage__issues_collaboration { width: 40%; } .MainPage__intro { width: 75%; } .MainPage__menu { width: 25%; } }