solid-poll > div { max-width: 1400px; margin: auto; } #polls, #circle-polls { h2 { text-transform: inherit; } /*style of poll listing*/ #pollListing { margin: auto; .headline { h2 { margin: 0 40px; font-family: "RefrigeratorDelxW01Bold"; font-size: 2.4rem; line-height: 3.8rem; color: #063B5C; } .add-poll { solid-link { float: right; margin-top: 10px; display: initial; margin-right: 75px; position: relative; z-index: 1; box-shadow: 0px 0px 4px 1px #CACACA; height: 2rem; font-size: 1.4rem; text-transform: uppercase; font-weight: 700; padding: 0.55rem 2.5rem; width: max-content; line-height: 20px; &::before { font-family: "material-design-icons"; content: "\F419"; width: 1em; display: inline-block; margin: 0 5px 0 10px; font-size: 2rem; vertical-align: middle; font-weight: 400; } } } } .all-polls { solid-form { display: block; border-bottom: solid 1px #cacaca; height: 90px; width: 650px; margin: 16px 25px 25px; max-width: 85%; solid-form-placeholder-text { margin-left: 15px; input { border-radius: 4px; } } } > div { display: flex; flex-wrap: wrap; justify-content: left; height: 100%; max-width: 1100px; margin: auto; solid-display { width: 320px; height: 550px; margin: 0 0 20px 40px; >div:first-of-type { background-color: #fff; height: 100%; -webkit-box-shadow: 0px 0px 4px 1px #CACACA; box-shadow: 0px 0px 4px 1px #CACACA; *[name="body"] { /*size of tags of poll card*/ etuc-display-votetags { >div { width: 64px; height: 24px; p { font-size: 11px; } } } } img { width: 320px; height: 230px; object-fit: cover; } [name="title"] { font-family: "RefrigeratorDelxW01Bold"; color: #063B5C; font-size: 1.8rem; font-weight: 600; text-transform: uppercase; height: 30px; width: 100%; display: inline-block; } [name="hostingOrganisation"], [name="endDate"] { color: #3A3A3A; font-family: Facit; font-size: 14px; letter-spacing: 0; line-height: 22px; } [name="hostingOrganisation"] { &::before { content: '\e037'; font-family: 'simple-line-icons'; color: #C4262E; height: 22px; width: 24px; font-size: 16px; letter-spacing: 0; line-height: 22px; display: inline-block; text-align: center; } } [name="dateLine"] { display: flex; flex-direction: row; margin-top: 10px; solid-display-div [name="dateImage"]::before { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; content: "\F6AF"; color: #C4262E; height: 22px; width: 24px; font-size: 20px; line-height: 22px; text-align: center; } } [name="shortDescription"] { color: #7A7F85; font-family: Facit; font-size: 14px; letter-spacing: 0; line-height: 22px; text-align: center; max-height: 100%; } } } } } } /*personnalise css on poll page*/ #pollPage { width: 90%; max-width: 1110px; margin: auto; h1, h2 { font-family: "RefrigeratorDelxW01Bold";; } h1 { font-size: 3.2rem; line-height: 3.8rem; } h2 { font-size: 26px; line-height: 31px; } .vote-debate-content .active-tab, .vote-debate-content .border-content { background-color: white; } solid-display.topline { >div:first-of-type { *[name="right"] { etuc-display-votetags { >div { width: 64px; height: 24px; p { font-size: 11px; } } } } } } [name="hostingOrganisation"], [name="dateLine"] { color: #3A3A3A; font-family: Facit; font-size: 16px; font-weight: bold; } [name="dateLine"] solid-set-default { display: flex; margin-top: 7px; solid-display-date { margin-left: 7px; } } [name="hostingOrganisation"] { margin-left: 0; [name="hostingOrganisation"]::before { content: '\e037'; font-family: 'simple-line-icons'; font-weight: 400; color: #C4262E; margin-right: 10px; font-size: 16px; } } solid-display-div [name="dateImage"]::before { font-family: "Material Design Icons"; font-weight: 400; content: "\F6AF"; color: #C4262E; font-size: 20px; } [name="shortDescription"], [name="longDescription"] { margin: 20px 0; color: #7A7F85; font-family: Facit; } [name="shortDescription"] { margin: 20px 0; font-size: 18px; line-height: 28px; } [name="longDescription"] { font-size: 16px; line-height: 26px; } .vote-section, .share-vote { font-family: Facit; padding: 15px 25px; } .vote-tab-content h3::before { font-family: "Material Design Icons"; font-weight: 400; font-size: 20px; margin-right: 10px; color: #3A3A3A; } .vote-section > h3::before { content:"\F004"; } #totalVotesDisplay::before, .share-vote h3::before { content: "\F00E"; } .vote-section > h3 { margin-top: 15px; } #poll-votes-values solid-display > div > solid-set-default, [name="chosenOption"] label { margin-top: 10px; } #poll-votes-values solid-display > div [name="progressBar"] { margin-top: 5px; } div[name="progressBar"] > div, div[name="progressBar"] div .progressBarValue { margin: 0; } #poll-votes-form input[type="submit"] { height: 38px; width: 149px; border-radius: 19px; box-shadow: 0 0 7px 0 rgba(0,0,0,0.15); } #poll-votes-form input[type="submit"]:disabled { opacity: 0.3; } #unavailablePoll { font-style: italic; } .progressBarValue { height: 25px; line-height: 25px; padding-left: 5px; } .send-share, .back-to-list { background-color: #3A3A3A; padding: 5px 25px; font-size: 1.4rem; &::before { font-family: "Material Design Icons"; font-weight: 400; font-size: 20px; vertical-align: middle; color: white; } } .send-share { a { font-size: 1.4rem; line-height: 23px; margin-left: 5px; } &::before { content: "\F48A"; } } .vote-debate-content .border-content.padded { padding: 0; .debate-tab-content sib-conversation { width: 100%; .sib-conversation { .conversation-item { position: relative; [name="conversation-subhead"] { position: absolute; top: 4px; left: 200px; font-size: 1.3rem; color: #aaa; } [name="conversation-author"] { font-size: 1.3rem; } } .conversation-form { border-top: 1px solid #ddd !important; textarea { background-color: transparent; border: none; font-size: 1.4rem; } } input[type="submit"] { text-indent: -999px; width: 30px; background: url(../images/send.png) no-repeat center; background-size: auto; background-size: contain; border: none; position: absolute; right: 15px; top: calc(50% - 11px); } } } } .poll-footer { padding: 20px 0 40px; .back-to-list { margin-left: 10%; &::before { content: "\F04D"; } } .share-poll { visibility: hidden; } } } } #polls { .views-container { background-color: #f0f3f6;; } #add-survey { background-color: white; padding: 50px 0; margin: -20px auto; h2 { font-family: "RefrigeratorDelxW01Bold"; font-size: 3.2rem; line-height: 3.8rem; color: var(--title-font-color); margin-bottom: 0; } p { margin-top: 10px; color: #7A7F85; font-family: Facit; font-size: 16px; } form { padding: 25px 0; width: 1000px; max-width: 90%; display: block; input { height: 3rem; } textarea { height: 110px; } solid-form-label-text, solid-form-textarea { display: block; margin: 15px 0; padding: 0; } label > div, solid-form-file-image > div label, solid-form-auto-completion[name="tags"] > label::before { margin-bottom: 5px; margin-top: 20px; color: var(--form-title); font-size: 13px; font-weight: 600; text-transform: uppercase; } solid-form-file-image > div { margin-bottom: 15px; button { width: 20px; } input { align-self: center; } label { margin-bottom: 15px; } img { margin-right: 10px; max-width: 250px; } } solid-form-label-text[name="title"] { margin-bottom: 5px; } .form-tips { font-family: Facit; } .h3-like { font-family: "RefrigeratorDelxW01Bold"; } solid-multiple-form[name="pollOptions"] { div { margin-bottom: 10px; div { display: flex; width: 100%; justify-content: space-between; custom-choix { width: calc(100% - 45px); solid-form-label-text[name="name"] { margin-bottom: 0; } } button { border: 1px solid var(--main-color); background-color: transparent; border-radius: 15px; font-size: 24px; color: var(--main-color); padding: 0; height: 30px; width: 30px; align-self: flex-end; margin-bottom: 5px; } } } > button { height: 28px; line-height: 14px; text-transform: uppercase; font-family: Facit; padding: 0 30px; font-weight: bold; font-size: 13px; margin: 10px 0; color: var(--main-color); &::before { content: "\F419"; font-family: Material Design Icons; margin-right: 7px; font-size: 2rem; vertical-align: middle; text-decoration: none; } } } .ss-main { margin-top: 10px; .ss-multi-selected .ss-values .ss-value { border-radius: 14px; background-color: #C4262E; padding: 5px 10px; font-size: 11px; } } input[type="submit"] { font-size: 1.4rem; margin: 25px 0; float: right; width: max-content; padding: 5px 20px; display: block; text-transform: uppercase; } } } } #circle-polls #pollListing .all-polls solid-form solid-form-placeholder-text input { background-color: #f0f3f6; } .with-sidebar nav>solid-router>ul [name="circle-polls"] { li::before { content: ''; height: 40px; width: 40px; mask: url('/images/vote.svg') center no-repeat; mask-size: contain; -webkit-mask: url('/images/vote.svg') center no-repeat; -webkit-mask-size: contain; background-color: var(--color-right-menu-text); } &[active] li::before { background-color: var(--color-right-menu-active-text); } }