diff --git a/sass/partials/drupalorg/_association.scss b/sass/partials/drupalorg/_association.scss index 2789a90d0df0f316d67fabdb7097f8a054eda0a5..4c7c7a0724fa1e25bb403f54c73baadee06b5b37 100644 --- a/sass/partials/drupalorg/_association.scss +++ b/sass/partials/drupalorg/_association.scss @@ -1,24 +1,21 @@ // DA election pages -//Candidate pages -.election-candidate { - min-width: 600px; -} +// Candidate pages .election-candidate .field-label { margin: 1em 0 0.45em; } -.field.field-name-field-election-picture.field-type-image.field-label-hidden > div > div > img { +.field-name-field-election-picture img { position: relative; float: left; - margin-right:10px; + margin-right: 2%; } .election-candidate .replies-header { margin-top: 2em; } -.election-candidate div.reply { +.election-candidate .reply { border: none; border-left: solid 1px nth($greys, 2); margin-top: 1.5em; @@ -32,90 +29,75 @@ .election-candidate .reply-links { margin-top: 0.5em; -} - -.election-candidate .reply-links a { - margin-right: 0.5em; + a { + margin-right: 0.5em; + } } // List of candidates -#block-system-main div.views-field.views-field-view-link > h2 > a{ +#block-system-main .views-field.views-field-view-link > h2 > a { clear: left; - width:100%; + width: 100%; font-weight: bold; - font-size:90%; -} - -.election-candidate .views-row.views-row-even { - background-color:#F6F6F2; - padding-bottom: 10px; - margin-bottom: 10px; - max-height: 225px; - margin: 10px; - height:180px; - min-width: 275px; + font-size: 0.9em; } -.election-candidate .views-row.views-row-odd{ +.election-candidate .views-row { background-color:#F6F6F2; - padding-bottom: 10px; - margin-bottom: 10px; - max-height: 225px; - margin: 10px; - height: 180px; - min-width: 275px; -} - -#block-system-main div.views-field.views-field-name > span.field-content::before { + float: left; + display: inline; + margin: 0 4% 4% 0px; + width: 48%; + min-height: 18em; + padding: 1em; + &.views-row-even { + margin-right: 0; + } + @include breakpoint($medium) +} + +#block-system-main .views-field.views-field-name > .field-content::before { position: relative; - padding-right:5px; - top:3px; - content:url(/misc/favicon.ico); + padding-right: 5px; + top: 3px; + content: url(/misc/favicon.ico); } - -div.views-field.views-field-field-election-picture > div > a { - max-width:100px; - float:left; - position:relative; - padding-right:10px; - padding-bottom:5px; +.views-field-field-election-picture a { + max-width: 100px; + float: left; + position: relative; + padding-right: 10px; + padding-bottom: 5px; } -div.views-field.views-field-field-irc-handle div::before{ +.views-field.views-field-field-irc-handle div:before, +#block-views-nominations-block-1 div.views-field.views-field-field-irc-handle > div:before { content:"irc: "; font-weight: bold; } -.views-row > div.views-field.views-field-field-twitter > div::before { +.views-row .views-field-field-twitter > div:before { content:url(/misc/twitter-bird-16x16.png); position: relative; - top:3px; + top: 3px; padding-right: 5px; } -div.field.field-name-field-twitter.field-type-text.field-label-hidden { - margin-top:5px; - margin-bottom:5px; +.field-name-field-twitter { + margin-top: 5px; + margin-bottom: 5px; } -div.field.field-name-field-about-me.field-type-text-long.field-label-hidden > div > div { - clear:left; - padding-bottom:5px; +.field-name-field-about-me > div > div { + clear: left; + padding-bottom: 5px; } -#content .view-nominations ul { +.view-nominations ul { padding-left: 0; } -.election-candidate .views-row { - @include span-columns(5,12); -} - -#content .view-nominations .views-row-even { - margin-right: 0; -} - #content .view-nominations .views-row-odd { clear: left; } @@ -135,76 +117,72 @@ div.field.field-name-field-about-me.field-type-text-long.field-label-hidden > di display: none; } -div.field.field-name-field-candidate-comments.field-type-reply.field-label-hidden { - float:left; - clear:left; +.field-name-field-candidate-comments { + float: left; + clear: left; } // Candidate Preview -#block-views-nominations-block-1 div.content > div { - min-height:145px; - padding-bottom:10px; +#block-views-nominations-block-1 .view { + overflow: auto; + li { + width: 100%; + } } #block-block-155 > div { - background:white; - z-index: -1; + background: white; } -#block-views-nominations-block-1 div.views-field.views-field-field-election-picture > div > img{ +#block-views-nominations-block-1 .views-field-field-election-picture > div > img { position: relative; float: left; margin-right: 5px; } -#block-views-nominations-block-1 div.views-field.views-field-field-username > div > a::before { +#block-views-nominations-block-1 .views-field.views-field-field-username > div > a:before { position: relative; - padding-right:5px; - top:3px; - content:url(/misc/favicon.ico); -} - -#block-views-nominations-block-1 div.views-field.views-field-field-irc-handle > div::before{ - content:"irc: "; - font-weight: bold; + padding-right: 5px; + top: 3px; + content: url(/misc/favicon.ico); } +{ -#block-views-nominations-block-1 div.views-field.views-field-nothing a { +#block-views-nominations-block-1 .views-field.views-field-nothing a { position: relative; - padding-top:10px; + padding-top: 10px; bottom: 140px; right: 110px; } - // Comment/reply Thread .replies-wrapper { .entity-reply { @include clearfix; - //margin-bottom: .5em; border-bottom: 1px solid #666666; position: relative; - min-width: 500px; } .user-picture { float: left; - + margin: 1em; img { height: auto; - max-width: 50%; + max-width: 70%; } } .reply-body { - margin-left: 90px; - padding-top: .5em; + margin-left: 6em; + padding-top: 0.5em; } + .reply-links { float:right; - margin-left: 90px; + margin-left: 6em; padding-bottom:10px; } + .by-candidate { background-color: $lime-green; }