diff --git a/wp-content/themes/currentorg/css/current-ltw-projects.css b/wp-content/themes/currentorg/css/current-ltw-projects.css index 06a8b32..810fe89 100644 --- a/wp-content/themes/currentorg/css/current-ltw-projects.css +++ b/wp-content/themes/currentorg/css/current-ltw-projects.css @@ -10,7 +10,7 @@ .current-ltw-shortcode { display: grid; grid-template-columns: 5fr 7fr; - grid-template-areas: "search search" "list single"; + grid-template-areas: "search search" "results-count results-count" "list single"; grid-gap: 1.5rem; gap: 1.5rem; } @@ -18,12 +18,30 @@ .current-ltw-shortcode .projects-search-form-search { grid-area: search; } + .current-ltw-shortcode .projects-results-count { + grid-area: results-count; + } .current-ltw-shortcode .projects-list { grid-area: list; } .current-ltw-shortcode .projects-single-layout { grid-area: single; } + .current-ltw-shortcode h2.entry-title, + .current-ltw-shortcode .projects-single-title { + font-size: 26px; + color: #1c819e; + } + .current-ltw-shortcode h2.entry-title a, + .current-ltw-shortcode .projects-single-title a { + color: #1c819e; + } + .current-ltw-shortcode .entry-content { + font-size: 16px; + } + .current-ltw-shortcode .entry-content p { + margin-top: 12px; + } } @media (max-width: 770px) { .current-ltw-shortcode { @@ -33,17 +51,21 @@ .current-ltw-shortcode .projects-search-form-search { order: 1; } - .current-ltw-shortcode .projects-single-layout { + .current-ltw-shortcode .projects-results-count { order: 2; + } + .current-ltw-shortcode .projects-single-layout { + order: 3; display: none; } .current-ltw-shortcode .projects-list { - order: 3; + order: 4; } } .projects-search-form-search { padding: 1.5rem 0; border-bottom: 1px solid #343434; + position: relative; } .projects-search-form-search input, .projects-search-form-search button, @@ -74,6 +96,9 @@ vertical-align: middle; float: left; } +.projects-search-form-search label { + padding-right: 40px; +} .projects-search-form-search .btn-submit { background-color: #1c819e; color: white; @@ -83,6 +108,23 @@ -webkit-appearance: none; appearance: none; } +.projects-search-form-search select { + display: block; + width: 175px; + max-width: 100%; + padding: 4px 20px; + margin: 0; + border: 1px solid #343434; + color: #484848; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background-color: #eeeeee; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC'); + background-repeat: no-repeat; + background-position: center right 0.25em; + background-size: 1em; +} .projects-search-form-search #project-org-type, .projects-search-form-search .project-category .btn { padding-right: 1.5em; @@ -91,14 +133,16 @@ background-repeat: no-repeat; background-position: center right 0.25em; background-size: 1em; + width: 175px; } .projects-search-form-search details[open] { border: 1px solid #343434; - position: relative; - top: 0; + position: absolute; vertical-align: top; max-height: 50vh; overflow: scroll; + background: #fff; + z-index: 10; } .projects-search-form-search details[open] summary { width: 100%; @@ -119,37 +163,96 @@ margin: 0; vertical-align: initial; } -.projects-list { - border: 1px solid #343434; - padding: 0.75rem; +.projects-search-form-search details summary::-webkit-details-marker { + display: none; +} +@media (max-width: 770px) { + .projects-search-form-search label[for=projects-search] { + width: 100%; + margin-bottom: 0.75rem; + padding-right: 0; + } + .projects-search-form-search label[for=projects-search] input { + width: 85%; + } + .projects-search-form-search label[for=projects-search] button { + width: 15%; + } + .projects-search-form-search label.project-org-type { + width: 47%; + padding-right: 0; + } + .projects-search-form-search label.project-org-type select { + width: 100%; + } + .projects-search-form-search details.project-category { + float: right; + width: 47%; + } + .projects-search-form-search details.project-category[open] { + display: block; + right: 0; + top: 55%; + } + .projects-search-form-search details.project-category .btn { + width: 100%; + } } .projects-list-item { - border: 1px solid #343434; + border: 1px solid #343434 !important; padding: 0.75rem; + background: #fff; } .projects-list-item + .projects-list-item { - margin-top: 0.75rem; + margin-top: 0.5rem; +} +.projects-list-item.active { + border-left: 6px solid #1c819e !important; } .projects-single-layout { border: 1px solid #343434; + border-left: 6px solid #1c819e; padding: 0.75rem; - width: 95%; + width: 100%; + box-sizing: border-box; + background: #fff; } .projects-single-layout.open { position: absolute; background: #fff; height: 100%; + width: 100%; + max-width: 100%; + z-index: 99; } .projects-single-layout .projects-single-interior-container { position: sticky; top: 1%; + max-height: 95vh; + overflow-y: scroll; } .sticky-show .projects-single-layout .projects-single-interior-container { + max-height: calc(95vh - 56px); top: 7%; } +.projects-single-layout .projects-single-interior-container .projects-single-close { + background-color: #1c819e; + color: #fff; + border: none; +} +.projects-single-layout .projects-single-holder .entry-content .project-tags .delimiter { + padding: 0 5px; +} +.projects-single-layout .projects-single-holder .entry-content .has-thumbnail { + float: none; + margin: 0; + max-width: 100%; +} .projects-single-layout .projects-single-holder .entry-content iframe, .projects-single-layout .projects-single-holder .entry-content img { max-width: 100%; + float: none; + margin: 0; } .projects-single-layout .projects-single-holder .entry-content .project-tags { margin-left: 0; @@ -169,25 +272,48 @@ html:not(.no-js) .projects-single-layout .projects-single-layout { display: none; } } +@media (max-width: 770px) { + .projects-single-layout { + max-width: 97%; + } +} .project-tags { padding: 0; margin: 1em 0; } .project-tags li { display: inline-block; - padding: 0.5em; + padding: 4px 6px; border: 1px solid #343434; } .project-tags li + li { margin-left: 0.5em; } -.project-tags [class*=project-status] { - background: yellow; +.project-tags .project-status-finalist { + background: #A11282; + color: #fff; +} +.project-tags .project-status-finalist a { + color: #fff; +} +.project-tags .project-status-semi-finalist { + background: #FF8B4D; + color: #fff; +} +.project-tags .project-status-semi-finalist a { + color: #fff; +} +.project-tags .project-status-winner { + background: #12A179; + color: #fff; +} +.project-tags .project-status-winner a { + color: #fff; } .project-tags [class*=project-org-type] { background: aliceblue; } .project-tags [class*=project-category] { - background: lavender; + background: #fff; } /*# sourceMappingURL=css/current-ltw-projects.css.map */ \ No newline at end of file diff --git a/wp-content/themes/currentorg/css/current-ltw-projects.css.map b/wp-content/themes/currentorg/css/current-ltw-projects.css.map index 72e4338..16796c5 100644 --- a/wp-content/themes/currentorg/css/current-ltw-projects.css.map +++ b/wp-content/themes/currentorg/css/current-ltw-projects.css.map @@ -1 +1 @@ -{"version":3,"sources":["less/current-ltw-projects.less"],"names":[],"mappings":";;;AAKA;EACC,gBAAA;EACA,kBAAA;;AAEA;EACC,QAA4B;IAA5B;MACC,aAAA;MACA,8BAAA;MACA,qBACC,gBACA,aAFD;MAIA,gBAAA;MACA,WAAA;;;EATF,sBAWC;IACC,iBAAA;;EAZF,sBAcC;IACC,eAAA;;EAfF,sBAiBC;IACC,iBAAA;;;AAGF,QAA4B;EAA5B;IACC,aAAA;IACA,sBAAA;;EAFD,sBAGC;IACC,QAAA;;EAJF,sBAMC;IACC,QAAA;IACA,aAAA;;EARF,sBAUC;IACC,QAAA;;;AAKH;EACC,iBAAA;EACA,gCAAA;;AAFD,4BAIC;AAJD,4BAIQ;AAJR,4BAIgB;AAJhB,4BAIwB;EACtB,yBAAA;;AALF,4BAOC,MAAK;AAPN,4BAOmB;AAPnB,4BAOyB;AAPzB,4BAOiC;EAC/B,YAAA;;AARF,4BAUC,MAAK;AAVN,4BAUmB;AAVnB,4BAUyB;AAVzB,4BAUiC;AAVjC,4BAU0C;AAV1C,4BAUkD;EAChD,sBAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,aAAA;EACA,gBAAA;EACA,qBAAA;EACA,sBAAA;EACA,WAAA;;AApBF,4BAsBC;EACC,yBAAA;EACA,YAAA;;AAxBF,4BA2BC,OAAM;EAEL,qBAAA;EACA,wBAAA;EACA,gBAAA;;AA/BF,4BAkCC;AAlCD,4BAmCC,kBAAkB;EAEjB,oBAAA;EACA,yBAAA;EACA,sBAAsB,q3BAAtB;EACA,4BAAA;EACA,wCAAA;EACA,oBAAA;;AA1CF,4BA6CC,QAAO;EACN,yBAAA;EACA,kBAAA;EACA,MAAA;EACA,mBAAA;EACA,gBAAA;EACA,gBAAA;;AAnDF,4BA6CC,QAAO,MAON;EACC,WAAA;;AArDH,4BAwDC,QACC;EACC,WAAA;;AA1DH,4BAwDC,QAIC;EACC,kBAAA;EACA,gBAAA;EACA,gBAAA;;AA/DH,4BAwDC,QASC;EACC,WAAA;EACA,WAAA;;AAnEH,4BAwDC,QAaC,MAAK;EACJ,SAAA;EACA,uBAAA;;AAIH;EACC,yBAAA;EACA,gBAAA;;AAED;EACC,yBAAA;EACA,gBAAA;;AACA,mBAAE;EACD,mBAAA;;AAGF;EACC,yBAAA;EACA,gBAAA;EACA,UAAA;;AACA,uBAAC;EACA,kBAAA;EACA,gBAAA;EACA,YAAA;;AAPF,uBASC;EACC,gBAAA;EACA,OAAA;;AACA,YAAa,wBAHd;EAIE,OAAA;;AAbH,uBAgBC,wBACC,eACC;AAlBH,uBAgBC,wBACC,eAEC;EACC,eAAA;;AApBJ,uBAgBC,wBACC,eAKC;EACC,cAAA;;AAvBJ,uBAgBC,wBACC,eAQC;EACC,iBAAA;EACA,eAAA;;AA3BJ,uBAgBC,wBACC,eAYC;EACC,cAAA;;AAIH,IAAI,IAAI,QAAS,wBAChB;EACC,aAAA;;AAGF,QAA0B;EAA1B,uBACC;IACC,aAAA;;;AAIH;EACC,UAAA;EACA,aAAA;;AAFD,aAGC;EACC,qBAAA;EACA,cAAA;EACA,yBAAA;;AAEA,aALD,GAKG;EACD,kBAAA;;AATH,aAYC;EACC,kBAAA;;AAbF,aAeC;EACC,qBAAA;;AAhBF,aAkBC;EACC,oBAAA","sourcesContent":["@import \"vars.less\";\n\n// this sets common values for a lot of padding and margins in this file\n@common-whitespace: 1.5rem;\n\n.current-ltw-shortcode {\n\tmargin: @common-whitespace 0;\n\tposition: relative;\n\n\t@supports( display: grid ) {\n\t\t@media ( min-width: 771px ) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 5fr 7fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t\"search search\"\n\t\t\t\t\"list single\"\n\t\t\t;\n\t\t\tgrid-gap: @common-whitespace;\n\t\t\tgap: @common-whitespace;\n\t\t}\n\t\t.projects-search-form-search {\n\t\t\tgrid-area: search;\n\t\t}\n\t\t.projects-list {\n\t\t\tgrid-area: list;\n\t\t}\n\t\t.projects-single-layout {\n\t\t\tgrid-area: single;\n\t\t}\n\t}\n\t@media ( max-width: 770px ) {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\t.projects-search-form-search {\n\t\t\torder: 1;\n\t\t}\n\t\t.projects-single-layout {\n\t\t\torder: 2;\n\t\t\tdisplay: none;\n\t\t}\n\t\t.projects-list {\n\t\t\torder: 3;\n\t\t}\n\t}\n}\n\n.projects-search-form-search {\n\tpadding: @common-whitespace 0;\n\tborder-bottom: 1px solid @grey-d;\n\n\tinput, button, select, details {\n\t\tborder: 1px solid @grey-m;\n\t}\n\tinput[type=text], .btn, button, select {\n\t\tpadding: 4px;\n\t}\n\tinput[type=text], .btn, button, details, select, label {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.5;\n\t\tfont-size: 16px;\n\t\tborder-radius: 0;\n\t\theight: unset;\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\tfloat: left;\n\t}\n\t.btn-submit {\n\t\tbackground-color: @brand;\n\t\tcolor: white;\n\t}\n\n\tselect#project-org-type {\n\t\t// https://www.filamentgroup.com/lab/select-css.html\n\t\t-moz-appearance: none;\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t}\n\n\t#project-org-type,\n\t.project-category .btn {\n\t\t// https://www.filamentgroup.com/lab/select-css.html\n\t\tpadding-right: 1.5em;\n\t\tbackground-color: @grey-l;\n\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 0.25em;\n\t\tbackground-size: 1em;\n\t}\n\n\tdetails[open] {\n\t\tborder: 1px solid @grey-d;\n\t\tposition: relative;\n\t\ttop: 0;\n\t\tvertical-align: top;\n\t\tmax-height: 50vh;\n\t\toverflow: scroll;\n\t\tsummary {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\tdetails {\n\t\tul {\n\t\t\tclear: both;\n\t\t}\n\t\tli {\n\t\t\tdisplay: list-item;\n\t\t\tlist-style: none;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\tlabel {\n\t\t\tfloat: none;\n\t\t\tclear: both;\n\t\t}\n\t\tinput[type=checkbox] {\n\t\t\tmargin: 0;\n\t\t\tvertical-align: initial;\n\t\t}\n\t}\n}\n.projects-list {\n\tborder: 1px solid @grey-d;\n\tpadding: @common-whitespace * 0.5;\n}\n.projects-list-item {\n\tborder: 1px solid @grey-d;\n\tpadding: @common-whitespace * 0.5;\n\t& + .projects-list-item {\n\t\tmargin-top: @common-whitespace * 0.5;\n\t}\n}\n.projects-single-layout {\n\tborder: 1px solid @grey-d;\n\tpadding: @common-whitespace * 0.5;\n\twidth: 95%;\n\t&.open {\n\t\tposition: absolute;\n\t\tbackground: #fff;\n\t\theight: 100%;\n\t}\n\t.projects-single-interior-container {\n\t\tposition: sticky;\n\t\ttop: 1%;\n\t\t.sticky-show & {\n\t\t\ttop: 7%;\n\t\t}\n\t}\n\t.projects-single-holder {\n\t\t.entry-content {\n\t\t\tiframe,\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t.project-tags {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfont-weight: bold;\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\t\t\t.project-specific-link {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n\thtml:not(.no-js) & {\n\t\t.projects-single-layout {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (min-width: 771px) {\n\t\t.projects-single-close {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n.project-tags {\n\tpadding: 0;\n\tmargin: 1em 0;\n\tli {\n\t\tdisplay: inline-block;\n\t\tpadding: 0.5em;\n\t\tborder: 1px solid @grey-d;\n\n\t\t& + li {\n\t\t\tmargin-left: 0.5em;\n\t\t}\n\t}\n\t[class*=project-status] {\n\t\tbackground: yellow;\n\t}\n\t[class*=project-org-type] {\n\t\tbackground: aliceblue;\n\t}\n\t[class*=project-category] {\n\t\tbackground: lavender;\n\t}\n}\n"]} \ No newline at end of file +{"version":3,"sources":["less/current-ltw-projects.less"],"names":[],"mappings":"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","sourcesContent":["@import \"vars.less\";\n\n// this sets common values for a lot of padding and margins in this file\n@common-whitespace: 1.5rem;\n\n.current-ltw-shortcode {\n\tmargin: @common-whitespace 0;\n\tposition: relative;\n\n\t@supports( display: grid ) {\n\t\t@media ( min-width: 771px ) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 5fr 7fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t\"search search\"\n\t\t\t\t\"results-count results-count\"\n\t\t\t\t\"list single\"\n\t\t\t;\n\t\t\tgrid-gap: @common-whitespace;\n\t\t\tgap: @common-whitespace;\n\t\t}\n\t\t.projects-search-form-search {\n\t\t\tgrid-area: search;\n\t\t}\n\t\t.projects-results-count {\n\t\t\tgrid-area: results-count;\n\t\t}\n\t\t.projects-list {\n\t\t\tgrid-area: list;\n\t\t}\n\t\t.projects-single-layout {\n\t\t\tgrid-area: single;\n\t\t}\n\t\th2.entry-title,\n\t\t.projects-single-title {\n\t\t\tfont-size: 26px;\n\t\t\tcolor: @azure;\n\t\t\ta {\n\t\t\t\tcolor: @azure;\n\t\t\t}\n\t\t}\n\t\t.entry-content {\n\t\t\tfont-size: 16px;\n\t\t\tp {\n\t\t\t\tmargin-top: 12px;\n\t\t\t}\n\t\t}\n\t}\n\t@media ( max-width: 770px ) {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\t.projects-search-form-search {\n\t\t\torder: 1;\n\t\t}\n\t\t.projects-results-count {\n\t\t\torder: 2;\n\t\t}\n\t\t.projects-single-layout {\n\t\t\torder: 3;\n\t\t\tdisplay: none;\n\t\t}\n\t\t.projects-list {\n\t\t\torder: 4;\n\t\t}\n\t}\n}\n\n.projects-search-form-search {\n\tpadding: @common-whitespace 0;\n\tborder-bottom: 1px solid @grey-d;\n\tposition: relative;\n\n\tinput, button, select, details {\n\t\tborder: 1px solid @grey-m;\n\t}\n\tinput[type=text], .btn, button, select {\n\t\tpadding: 4px;\n\t}\n\tinput[type=text], .btn, button, details, select, label {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.5;\n\t\tfont-size: 16px;\n\t\tborder-radius: 0;\n\t\theight: unset;\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\tfloat: left;\n\t}\n\tlabel {\n\t\tpadding-right: 40px;\n\t}\n\t.btn-submit {\n\t\tbackground-color: @brand;\n\t\tcolor: white;\n\t}\n\n\tselect#project-org-type {\n\t\t// https://www.filamentgroup.com/lab/select-css.html\n\t\t-moz-appearance: none;\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t}\n\n\tselect {\n\t\tdisplay: block;\n\t\twidth: 175px;\n\t\tmax-width: 100%;\n\t\tpadding: 4px 20px;\n\t\tmargin: 0;\n\t\tborder: 1px solid @grey-d;\n\t\tcolor: #484848;\n\t\t-moz-appearance: none;\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t\tbackground-color: @grey-l;\n\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 0.25em;\n\t\tbackground-size: 1em;\n\t}\n\n\t#project-org-type,\n\t.project-category .btn {\n\t\t// https://www.filamentgroup.com/lab/select-css.html\n\t\tpadding-right: 1.5em;\n\t\tbackground-color: @grey-l;\n\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 0.25em;\n\t\tbackground-size: 1em;\n\t\twidth: 175px;\n\t}\n\n\tdetails[open] {\n\t\tborder: 1px solid @grey-d;\n\t\tposition: absolute;\n\t\tvertical-align: top;\n\t\tmax-height: 50vh;\n\t\toverflow: scroll;\n\t\tbackground: @white;\n\t\tz-index: 10;\n\t\tsummary {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\tdetails {\n\t\tul {\n\t\t\tclear: both;\n\t\t}\n\t\tli {\n\t\t\tdisplay: list-item;\n\t\t\tlist-style: none;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\tlabel {\n\t\t\tfloat: none;\n\t\t\tclear: both;\n\t\t}\n\t\tinput[type=checkbox] {\n\t\t\tmargin: 0;\n\t\t\tvertical-align: initial;\n\t\t}\n\t\tsummary::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (max-width: 770px) {\n\t\tlabel[for=projects-search] {\n\t\t\twidth: 100%;\n\t\t\tmargin-bottom: @common-whitespace * 0.5;\n\t\t\tpadding-right: 0;\n\t\t\tinput {\n\t\t\t\twidth: 85%;\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\twidth: 15%;\n\t\t\t}\n\t\t}\n\t\tlabel.project-org-type {\n\t\t\twidth: 47%;\n\t\t\tpadding-right: 0;\n\t\t\tselect {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t\tdetails.project-category {\n\t\t\tfloat: right;\n\t\t\twidth: 47%;\n\t\t\t&[open] {\n\t\t\t\tdisplay: block;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 55%;\n\t\t\t}\n\t\t\t.btn {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t}\n}\n.projects-list {\n}\n.projects-list-item {\n\tborder: 1px solid @grey-d!important;\n\tpadding: @common-whitespace * 0.5;\n\tbackground: @white;\n\t& + .projects-list-item {\n\t\tmargin-top: 0.5rem;\n\t}\n\t&.active {\n\t\tborder-left: 6px solid @azure!important;\n\t}\n}\n.projects-single-layout {\n\tborder: 1px solid @grey-d;\n\tborder-left: 6px solid @azure;\n\tpadding: @common-whitespace * 0.5;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tbackground: @white;\n\t&.open {\n\t\tposition: absolute;\n\t\tbackground: @white;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tz-index: 99;\n\t}\n\t.projects-single-interior-container {\n\t\tposition: sticky;\n\t\ttop: 1%;\n\t\tmax-height: 95vh;\n\t\toverflow-y: scroll;\n\t\t.sticky-show & {\n\t\t\tmax-height: calc( 95vh - 56px);\n\t\t\ttop: 7%;\n\t\t}\n\t\t.projects-single-close {\n\t\t\tbackground-color: @brand;\n\t\t\tcolor: @white;\n\t\t\tborder: none;\n\t\t}\n\t}\n\t.projects-single-holder {\n\t\t.entry-content {\n\t\t\t.project-tags {\n\t\t\t\t.delimiter {\n\t\t\t\t\tpadding: 0 5px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.has-thumbnail {\n\t\t\t\tfloat: none;\n\t\t\t\tmargin: 0;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\tiframe,\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tfloat: none;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t\t.project-tags {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfont-weight: bold;\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\t\t\t.project-specific-link {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n\thtml:not(.no-js) & {\n\t\t.projects-single-layout {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (min-width: 771px) {\n\t\t.projects-single-close {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (max-width: 770px) {\n\t\tmax-width: 97%;\n\t}\n}\n.project-tags {\n\tpadding: 0;\n\tmargin: 1em 0;\n\tli {\n\t\tdisplay: inline-block;\n\t\tpadding: 4px 6px;\n\t\tborder: 1px solid @grey-d;\n\n\t\t& + li {\n\t\t\tmargin-left: 0.5em;\n\t\t}\n\t}\n\t.project-status-finalist {\n\t\tbackground: @finalist;\n\t\tcolor: @white;\n\t\ta {\n\t\t\tcolor: @white;\n\t\t}\n\t}\n\t.project-status-semi-finalist {\n\t\tbackground: @semifinalist;\n\t\tcolor: @white;\n\t\ta {\n\t\t\tcolor: @white;\n\t\t}\n\t}\n\t.project-status-winner {\n\t\tbackground: @winner;\n\t\tcolor: @white;\n\t\ta {\n\t\t\tcolor: @white;\n\t\t}\n\t}\n\t[class*=project-org-type] {\n\t\tbackground: aliceblue;\n\t}\n\t[class*=project-category] {\n\t\tbackground: @white;\n\t}\n}\n"]} \ No newline at end of file diff --git a/wp-content/themes/currentorg/css/current-ltw-projects.min.css b/wp-content/themes/currentorg/css/current-ltw-projects.min.css index efcdb0b..da4bfbe 100644 --- a/wp-content/themes/currentorg/css/current-ltw-projects.min.css +++ b/wp-content/themes/currentorg/css/current-ltw-projects.min.css @@ -1 +1 @@ -.current-ltw-shortcode{margin:1.5rem 0;position:relative}@supports (display:grid){@media (min-width:771px){.current-ltw-shortcode{display:grid;grid-template-columns:5fr 7fr;grid-template-areas:"search search" "list single";grid-gap:1.5rem;gap:1.5rem}}.current-ltw-shortcode .projects-search-form-search{grid-area:search}.current-ltw-shortcode .projects-list{grid-area:list}.current-ltw-shortcode .projects-single-layout{grid-area:single}}@media (max-width:770px){.current-ltw-shortcode{display:flex;flex-direction:column}.current-ltw-shortcode .projects-search-form-search{order:1}.current-ltw-shortcode .projects-single-layout{order:2;display:none}.current-ltw-shortcode .projects-list{order:3}}.projects-search-form-search{padding:1.5rem 0;border-bottom:1px solid #343434}.projects-search-form-search button,.projects-search-form-search details,.projects-search-form-search input,.projects-search-form-search select{border:1px solid #666}.projects-search-form-search .btn,.projects-search-form-search button,.projects-search-form-search input[type=text],.projects-search-form-search select{padding:4px}.projects-search-form-search .btn,.projects-search-form-search button,.projects-search-form-search details,.projects-search-form-search input[type=text],.projects-search-form-search label,.projects-search-form-search select{box-sizing:border-box;line-height:1.5;font-size:16px;border-radius:0;height:unset;margin-top:0;margin-bottom:0;display:inline-block;vertical-align:middle;float:left}.projects-search-form-search .btn-submit{background-color:#1c819e;color:#fff}.projects-search-form-search select#project-org-type{-moz-appearance:none;-webkit-appearance:none;appearance:none}.projects-search-form-search #project-org-type,.projects-search-form-search .project-category .btn{padding-right:1.5em;background-color:#eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center right .25em;background-size:1em}.projects-search-form-search details[open]{border:1px solid #343434;position:relative;top:0;vertical-align:top;max-height:50vh;overflow:scroll}.projects-search-form-search details[open] summary{width:100%}.projects-search-form-search details ul{clear:both}.projects-search-form-search details li{display:list-item;list-style:none;margin-bottom:0}.projects-search-form-search details label{float:none;clear:both}.projects-search-form-search details input[type=checkbox]{margin:0;vertical-align:initial}.projects-list{border:1px solid #343434;padding:.75rem}.projects-list-item{border:1px solid #343434;padding:.75rem}.projects-list-item+.projects-list-item{margin-top:.75rem}.projects-single-layout{border:1px solid #343434;padding:.75rem;width:95%}.projects-single-layout.open{position:absolute;background:#fff;height:100%}.projects-single-layout .projects-single-interior-container{position:sticky;top:1%}.sticky-show .projects-single-layout .projects-single-interior-container{top:7%}.projects-single-layout .projects-single-holder .entry-content iframe,.projects-single-layout .projects-single-holder .entry-content img{max-width:100%}.projects-single-layout .projects-single-holder .entry-content .project-tags{margin-left:0}.projects-single-layout .projects-single-holder .entry-content label{font-weight:700;display:inline}.projects-single-layout .projects-single-holder .entry-content .project-specific-link{display:block}html:not(.no-js) .projects-single-layout .projects-single-layout{display:none}@media (min-width:771px){.projects-single-layout .projects-single-close{display:none}}.project-tags{padding:0;margin:1em 0}.project-tags li{display:inline-block;padding:.5em;border:1px solid #343434}.project-tags li+li{margin-left:.5em}.project-tags [class*=project-status]{background:#ff0}.project-tags [class*=project-org-type]{background:#f0f8ff}.project-tags [class*=project-category]{background:#e6e6fa} \ No newline at end of file +.current-ltw-shortcode{margin:1.5rem 0;position:relative}@supports (display:grid){@media (min-width:771px){.current-ltw-shortcode{display:grid;grid-template-columns:5fr 7fr;grid-template-areas:"search search" "results-count results-count" "list single";grid-gap:1.5rem;gap:1.5rem}}.current-ltw-shortcode .projects-search-form-search{grid-area:search}.current-ltw-shortcode .projects-results-count{grid-area:results-count}.current-ltw-shortcode .projects-list{grid-area:list}.current-ltw-shortcode .projects-single-layout{grid-area:single}.current-ltw-shortcode .projects-single-title,.current-ltw-shortcode h2.entry-title{font-size:26px;color:#1c819e}.current-ltw-shortcode .projects-single-title a,.current-ltw-shortcode h2.entry-title a{color:#1c819e}.current-ltw-shortcode .entry-content{font-size:16px}.current-ltw-shortcode .entry-content p{margin-top:12px}}@media (max-width:770px){.current-ltw-shortcode{display:flex;flex-direction:column}.current-ltw-shortcode .projects-search-form-search{order:1}.current-ltw-shortcode .projects-results-count{order:2}.current-ltw-shortcode .projects-single-layout{order:3;display:none}.current-ltw-shortcode .projects-list{order:4}}.projects-search-form-search{padding:1.5rem 0;border-bottom:1px solid #343434;position:relative}.projects-search-form-search button,.projects-search-form-search details,.projects-search-form-search input,.projects-search-form-search select{border:1px solid #666}.projects-search-form-search .btn,.projects-search-form-search button,.projects-search-form-search input[type=text],.projects-search-form-search select{padding:4px}.projects-search-form-search .btn,.projects-search-form-search button,.projects-search-form-search details,.projects-search-form-search input[type=text],.projects-search-form-search label,.projects-search-form-search select{box-sizing:border-box;line-height:1.5;font-size:16px;border-radius:0;height:unset;margin-top:0;margin-bottom:0;display:inline-block;vertical-align:middle;float:left}.projects-search-form-search label{padding-right:40px}.projects-search-form-search .btn-submit{background-color:#1c819e;color:#fff}.projects-search-form-search select#project-org-type{-moz-appearance:none;-webkit-appearance:none;appearance:none}.projects-search-form-search select{display:block;width:175px;max-width:100%;padding:4px 20px;margin:0;border:1px solid #343434;color:#484848;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center right .25em;background-size:1em}.projects-search-form-search #project-org-type,.projects-search-form-search .project-category .btn{padding-right:1.5em;background-color:#eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center right .25em;background-size:1em;width:175px}.projects-search-form-search details[open]{border:1px solid #343434;position:absolute;vertical-align:top;max-height:50vh;overflow:scroll;background:#fff;z-index:10}.projects-search-form-search details[open] summary{width:100%}.projects-search-form-search details ul{clear:both}.projects-search-form-search details li{display:list-item;list-style:none;margin-bottom:0}.projects-search-form-search details label{float:none;clear:both}.projects-search-form-search details input[type=checkbox]{margin:0;vertical-align:initial}.projects-search-form-search details summary::-webkit-details-marker{display:none}@media (max-width:770px){.projects-search-form-search label[for=projects-search]{width:100%;margin-bottom:.75rem;padding-right:0}.projects-search-form-search label[for=projects-search] input{width:85%}.projects-search-form-search label[for=projects-search] button{width:15%}.projects-search-form-search label.project-org-type{width:47%;padding-right:0}.projects-search-form-search label.project-org-type select{width:100%}.projects-search-form-search details.project-category{float:right;width:47%}.projects-search-form-search details.project-category[open]{display:block;right:0;top:55%}.projects-search-form-search details.project-category .btn{width:100%}}.projects-list-item{border:1px solid #343434!important;padding:.75rem;background:#fff}.projects-list-item+.projects-list-item{margin-top:.5rem}.projects-list-item.active{border-left:6px solid #1c819e!important}.projects-single-layout{border:1px solid #343434;border-left:6px solid #1c819e;padding:.75rem;width:100%;box-sizing:border-box;background:#fff}.projects-single-layout.open{position:absolute;background:#fff;height:100%;width:100%;max-width:100%;z-index:99}.projects-single-layout .projects-single-interior-container{position:sticky;top:1%;max-height:95vh;overflow-y:scroll}.sticky-show .projects-single-layout .projects-single-interior-container{max-height:calc(95vh - 56px);top:7%}.projects-single-layout .projects-single-interior-container .projects-single-close{background-color:#1c819e;color:#fff;border:none}.projects-single-layout .projects-single-holder .entry-content .project-tags .delimiter{padding:0 5px}.projects-single-layout .projects-single-holder .entry-content .has-thumbnail{float:none;margin:0;max-width:100%}.projects-single-layout .projects-single-holder .entry-content iframe,.projects-single-layout .projects-single-holder .entry-content img{max-width:100%;float:none;margin:0}.projects-single-layout .projects-single-holder .entry-content .project-tags{margin-left:0}.projects-single-layout .projects-single-holder .entry-content label{font-weight:700;display:inline}.projects-single-layout .projects-single-holder .entry-content .project-specific-link{display:block}html:not(.no-js) .projects-single-layout .projects-single-layout{display:none}@media (min-width:771px){.projects-single-layout .projects-single-close{display:none}}@media (max-width:770px){.projects-single-layout{max-width:97%}}.project-tags{padding:0;margin:1em 0}.project-tags li{display:inline-block;padding:4px 6px;border:1px solid #343434}.project-tags li+li{margin-left:.5em}.project-tags .project-status-finalist{background:#a11282;color:#fff}.project-tags .project-status-finalist a{color:#fff}.project-tags .project-status-semi-finalist{background:#ff8b4d;color:#fff}.project-tags .project-status-semi-finalist a{color:#fff}.project-tags .project-status-winner{background:#12a179;color:#fff}.project-tags .project-status-winner a{color:#fff}.project-tags [class*=project-org-type]{background:#f0f8ff}.project-tags [class*=project-category]{background:#fff} \ No newline at end of file diff --git a/wp-content/themes/currentorg/css/wpbdp.css.map b/wp-content/themes/currentorg/css/wpbdp.css.map index 524f778..9ef3beb 100644 --- a/wp-content/themes/currentorg/css/wpbdp.css.map +++ b/wp-content/themes/currentorg/css/wpbdp.css.map @@ -1 +1 @@ -{"version":3,"sources":["less/wpbdp.less","less/vars.less"],"names":[],"mappings":"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","sourcesContent":["@import \"vars.less\";\n\n// this sets common values for a lot of padding and margins in this file\n@common-whitespace: 1.5rem;\n\n#wpbdp-main-box {\n background: transparent;\n padding: 0;\n\n .bg-grey {\n background-color: @grey-l;\n }\n .padding-1 {\n padding: 1 * @common-whitespace;\n }\n .main-links{\n margin-bottom: 1 * @common-whitespace;\n }\n .main-fields {\n margin-bottom: 1 * @common-whitespace;\n }\n\n .the-search-box {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n align-content: center;\n line-height: 2 * @common-whitespace;\n\n label {\n flex: 0 1 auto;\n display: inline-block;\n text-align: right;\n font-size: 1.2em;\n font-weight: bold;\n padding-right: 1em;\n margin: 0;\n }\n input {\n flex: 1 0 40%;\n display: inline-block;\n height: 2 * @common-whitespace;\n box-sizing: border-box;\n margin: 0;\n }\n }\n #main-search {\n width: 100%;\n border: 1px solid @grey-m;\n background-color: @grey-l;\n box-sizing: border-box;\n height: 2 * @common-whitespace;\n }\n\n // the advanced-search link\n .advanced {\n float: left;\n width: 100%;\n text-align: center;\n height: 0;\n font-size: 1rem;\n }\n\n .wpbdp-main-links .button {\n padding: 0;\n }\n .button {\n line-height: 2 * @common-whitespace; \n }\n\n // the red one\n #wpbdp-bar-submit-listing-button {\n background-color: @highlight;\n color: white;\n border: none;\n &:hover {\n background-color: darken( @highlight, 10% );\n }\n }\n\n // the things under the search box\n .main-links .wpbdp-main-links {\n text-align: left;\n input.button,\n input[type=\"button\"] {\n width: auto;\n border: none;\n background: none;\n color: @brand;\n font-size: 1.25em;\n padding: 0;\n border-bottom: 0.1em solid transparent;\n & + .button {\n margin-left: 1em;\n }\n &:hover {\n text-decoration: none;\n border-bottom-color: @brand;\n }\n }\n }\n\n @media ( max-width: 1000px ) {\n .the-search-box label {\n display: none;\n }\n }\n @media ( max-width: 750px ) {\n form.row-fluid > .span9,\n form.row-fluid > .span3 {\n clear: both;\n margin: 0 auto;\n float: none;\n width: 100%;\n }\n .wpbdp-main-links {\n text-align: center;\n input.button {\n padding-left: 2 * @common-whitespace;\n padding-right: 2 * @common-whitespace;\n }\n }\n .create-btn {\n padding-bottom: 0;\n }\n .advanced {\n display: none; // sigh\n }\n }\n @media ( max-width: 640px ) {\n // this breakpoint chosen to match some other stuff on the page\n .main-links .wpbdp-main-links {\n text-align: center;\n }\n }\n}\n#wpbdp-categories {\n display: grid;\n grid-gap: 1em;\n justify-items: stretch;\n\n grid-template-columns: 1fr;\n @media (min-width: 600px) {\n grid-template-columns: 1fr 1fr;\n }\n @media (min-width: 900px) {\n grid-template-columns: 1fr 1fr 1fr;\n }\n\n * {\n box-sizing: border-box;\n }\n\n .cat-item {\n justify-self: stretch;\n position: relative;\n padding-bottom: 2 * @common-whitespace;\n\n background-color: @grey-l;\n\n img.attachment-post-thumbnail {\n display: block;\n float: none;\n clear: both;\n max-width: 20%;\n background-color: @brand;\n margin-bottom: @common-whitespace;\n }\n h2 {\n font-weight: bold;\n padding: 0 @common-whitespace;\n margin-top: @common-whitespace;\n font-size: 22px;\n }\n\n .edit-category-link {\n clear: both;\n display: block;\n padding: 0 @common-whitespace;\n font-size: 0.75em;\n }\n\n ul {\n padding: 0 @common-whitespace;\n }\n\n .category-description {\n padding: 0 @common-whitespace;\n margin-bottom: @common-whitespace;\n }\n .category-description,\n li {\n font-family: @font-serif;\n color: @text;\n line-height: 1.3;\n font-size: 18px;\n }\n li a {\n color: @text;\n }\n\n .listing-link {\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n\n line-height: 2 * @common-whitespace;\n padding: 0 @common-whitespace;\n\n color: white;\n background-color: @highlight;\n\n &:hover {\n background-color: darken( @highlight, 10% );\n }\n\n // also elsewhere in this file\n &::after {\n content: \"\\2192\";\n display: inline-block;\n position: absolute;\n right: 0;\n border-left: 1px solid hsla( 0, 0, 100%, 0.5 );\n padding: 0 1rem;\n }\n }\n }\n}\n\n#wpbdp-page-category {\n @media (min-width: 900px) {\n .category-tags-list {\n padding: 0;\n margin-left: 0;\n\n li {\n display: inline-block;\n border: 1px solid @grey-m;\n padding: 0.5em;\n margin-right: 1 * @common-whitespace;\n }\n }\n }\n}\n\n#wpbdp-listings-list {\n display: grid;\n grid-template-columns: 100%;\n grid-gap: 1 * @common-whitespace;\n @media (min-width: 900px) {\n grid-template-columns: 1fr 1fr;\n }\n\n .wpbdp-listing {\n place-self: stretch;\n border: 1px solid @grey-l;\n padding-top: 0;\n padding-right: 0;\n padding-left: 0;\n padding-bottom: 2 * @common-whitespace; // to allow space for the absolutely-positioned .listing-actions.\n background-color: white;\n box-sizing: border-box;\n position: relative;\n }\n .listing-thumbnail {\n float: none;\n margin: @common-whitespace;\n }\n .listing-details {\n padding-left: @common-whitespace;\n padding-right: @common-whitespace;\n }\n .listing-actions {\n\n margin-top: 0;\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n\n .view-listing.button {\n\n width: 100%;\n\n display: block;\n margin: 0;\n border: none;\n box-shadow: none;\n\n height: 2 * @common-whitespace;\n line-height: 2 * @common-whitespace;\n padding: 0 0 0 @common-whitespace;\n box-sizing: border-box;\n border-radius: 0;\n\n background: @highlight;\n\n color: white;\n font-weight: bold;\n font-size: @common-whitespace;\n\n // also elsewhere in this file\n &::after {\n content: \"\\2192\";\n display: inline-block;\n position: absolute;\n right: 0;\n border-left: 1px solid hsla( 0, 0, 100%, 0.5 );\n padding: 0 1rem;\n\n background-color: @highlight;\n color: white;\n }\n }\n\n .delete-listing,\n .edit-listing {\n display: none;\n }\n }\n}\n\n// detailed listing page\n.wpbdp-listing-single {\n .listing-title {\n background: transparent;\n padding: 0;\n border: none;\n h2 {\n font-size: 52px;\n }\n }\n .listing-categories {\n font-size: 16px;\n a {\n color: @grey-m-blue;\n text-transform: uppercase;\n }\n }\n .extra-images {\n margin-top: @common-whitespace;\n margin-bottom: @common-whitespace;\n img {\n clear: both;\n display: block;\n margin-right: auto;\n margin-left: auto;\n max-width: 300px;\n }\n img + img {\n margin-top: @common-whitespace;\n }\n }\n .listing-contact-details {\n background: #F6F5F6;\n border: 1px solid #ddd;\n padding: 30px;\n h5 {\n margin-bottom: 10px;\n }\n .dashicons {\n vertical-align: middle;\n color: @azure;\n margin-right: 10px;\n }\n .listing-contact-detail {\n margin-bottom: 5px;\n a {\n color: @azure;\n text-decoration: none;\n }\n &:last-of-type {\n margin-bottom: 30px;\n }\n }\n }\n}\narticle {\n .entry-content {\n .wpbdp-field-content {\n p {\n font-family: @font-sans;\n }\n }\n }\n}\n.listing-sidebar {\n .listing-main-image {\n text-align: center;\n img {\n max-width: 300px;\n width: 100%;\n }\n }\n .listing-services {\n h3 {\n text-align: center;\n margin-bottom: 10px;\n }\n hr {\n width: 15%;\n margin: 0 auto;\n margin-bottom: 30px;\n border: 3px solid #000;\n }\n .listing-services-list {\n list-style: none;\n margin-left: 0;\n li {\n padding: 15px;\n margin-bottom: 0;\n &:nth-child( even ) {\n background: #E9F3FB;\n }\n a {\n color: @azure;\n font-weight: bold;\n text-transform: capitalize;\n }\n }\n }\n }\n .listing-actions {\n input {\n &.delete-listing {\n margin-left: 0;\n color: white!important;\n }\n }\n }\n // the red one\n .edit-listing,\n .delete-listing,\n #wpbdp-bar-submit-listing-button,\n .back-to-dir {\n min-width: 30%;\n width: 100%;\n font-size: 16px;\n line-height: 3rem;\n background-color: @highlight;\n color: white;\n border: none;\n padding: 0;\n margin-bottom:10px;\n &:hover {\n background-color: darken( @highlight, 10% );\n }\n }\n}\n\n// submit a listing page\n.wpbdp-submit-listing-flex-grid {\n display: flex;\n .wpbdp-fee-plan-img {\n flex: 1;\n text-align: center;\n margin-bottom: 20px;\n img {\n max-width: 95%;\n max-height: 515px;\n @media (max-width:800px) {\n max-height: 100%;\n }\n }\n @media (max-width:800px) {\n margin-bottom: 10px;\n }\n }\n @media (max-width:800px) {\n display: block; \n }\n}\n.wpbdp-submit-listing-section {\n .wpbdp-plan {\n .wpbdp-plan-price {\n label {\n background: #fff;\n &:after {\n content: \"Select\";\n }\n }\n .wpbdp-plan-price-amount {\n display: none;\n }\n }\n &.display-only {\n .wpbdp-plan-price {\n display: none;\n }\n }\n }\n .wpbdp-form-field-id-5.wpbdp-form-field-type-url {\n // there is not a good selector for the \"Link text: (optional)\" label's containing span,\n // so we just hide the column that should contain it.\n // for https://github.com/INN/umbrella-currentorg/issues/62\n .wpbdp-url-field-col:nth-child(2) {\n display: none;\n }\n // make the preceding field full-width\n .wpbdp-url-field-col:nth-child(1) {\n width: 100%;\n padding-right: 0;\n }\n // and hide the uneditable text that references the link text field\n .wpbdp-form-field-description {\n display: none;\n }\n }\n &.wpbdp-submit-listing-section-listing_images {\n // for https://github.com/INN/umbrella-currentorg/issues/62\n .wpbdp-submit-listing-section-content h4,\n .wpbdp-submit-listing-section-content #no-images-message {\n display: none;\n }\n }\n #wpbdp-uploaded-images {\n .wpbdp-image {\n .wpbdp-image-extra {\n label {\n display: none;\n }\n }\n }\n }\n}\n\n\n#wpbdp-submit-listing {\n .wpbdp-submit-listing-section-header {\n font-size: 16px;\n }\n .wpbdp-submit-listing-section-plan_selection {\n ul {\n &.category-list {\n li {\n font-size: 14px;\n }\n }\n }\n }\n}\n\n.select2-results{\n font-size: 14px;\n}\n\n.wpbdp-plan-selection-wrapper.display-block-important,\n.wpbdp-plan-selection {\n display: block!important;\n}\n.display-none-important {\n display: none!important;\n}\n\n.wpbdp-field-9-dropdown{\n height: 50px;\n border-radius: 0!important;\n border: 1px solid #ccc!important;\n .select2-selection__choice {\n font-size: 12px;\n }\n}\n\n#wpbdp-submit-listing {\n h2 {\n display: none;\n }\n}","/**\n * Variables\n */\n@azure: #1c819e;\n@azure-dark: #0082a1;\n@red: #e86059;\n@red-dark: #b14742;\n@yellow: #fecf42;\n\n@grey-d: #343434;\n@grey-blue: #454c54;\n@grey-m: #666666;\n@grey-m-blue: #99a1a6;\n@grey-l: #eeeeee;\n@grey-l-blue: #e9f3fb;\n\n@brand: @azure;\n@highlight: @red;\n@text: @grey-d;\n\n@font-sans: \"freight-sans-pro\", \"Helvetica Neue\", Arial, sans-serif;\n@font-serif: \"freight-text-pro\", Georgia, Cambria, \"Times New Roman\", Times, serif;\n"]} \ No newline at end of file +{"version":3,"sources":["less/wpbdp.less","less/vars.less"],"names":[],"mappings":"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","sourcesContent":["@import \"vars.less\";\n\n// this sets common values for a lot of padding and margins in this file\n@common-whitespace: 1.5rem;\n\n#wpbdp-main-box {\n background: transparent;\n padding: 0;\n\n .bg-grey {\n background-color: @grey-l;\n }\n .padding-1 {\n padding: 1 * @common-whitespace;\n }\n .main-links{\n margin-bottom: 1 * @common-whitespace;\n }\n .main-fields {\n margin-bottom: 1 * @common-whitespace;\n }\n\n .the-search-box {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n align-content: center;\n line-height: 2 * @common-whitespace;\n\n label {\n flex: 0 1 auto;\n display: inline-block;\n text-align: right;\n font-size: 1.2em;\n font-weight: bold;\n padding-right: 1em;\n margin: 0;\n }\n input {\n flex: 1 0 40%;\n display: inline-block;\n height: 2 * @common-whitespace;\n box-sizing: border-box;\n margin: 0;\n }\n }\n #main-search {\n width: 100%;\n border: 1px solid @grey-m;\n background-color: @grey-l;\n box-sizing: border-box;\n height: 2 * @common-whitespace;\n }\n\n // the advanced-search link\n .advanced {\n float: left;\n width: 100%;\n text-align: center;\n height: 0;\n font-size: 1rem;\n }\n\n .wpbdp-main-links .button {\n padding: 0;\n }\n .button {\n line-height: 2 * @common-whitespace; \n }\n\n // the red one\n #wpbdp-bar-submit-listing-button {\n background-color: @highlight;\n color: white;\n border: none;\n &:hover {\n background-color: darken( @highlight, 10% );\n }\n }\n\n // the things under the search box\n .main-links .wpbdp-main-links {\n text-align: left;\n input.button,\n input[type=\"button\"] {\n width: auto;\n border: none;\n background: none;\n color: @brand;\n font-size: 1.25em;\n padding: 0;\n border-bottom: 0.1em solid transparent;\n & + .button {\n margin-left: 1em;\n }\n &:hover {\n text-decoration: none;\n border-bottom-color: @brand;\n }\n }\n }\n\n @media ( max-width: 1000px ) {\n .the-search-box label {\n display: none;\n }\n }\n @media ( max-width: 750px ) {\n form.row-fluid > .span9,\n form.row-fluid > .span3 {\n clear: both;\n margin: 0 auto;\n float: none;\n width: 100%;\n }\n .wpbdp-main-links {\n text-align: center;\n input.button {\n padding-left: 2 * @common-whitespace;\n padding-right: 2 * @common-whitespace;\n }\n }\n .create-btn {\n padding-bottom: 0;\n }\n .advanced {\n display: none; // sigh\n }\n }\n @media ( max-width: 640px ) {\n // this breakpoint chosen to match some other stuff on the page\n .main-links .wpbdp-main-links {\n text-align: center;\n }\n }\n}\n#wpbdp-categories {\n display: grid;\n grid-gap: 1em;\n justify-items: stretch;\n\n grid-template-columns: 1fr;\n @media (min-width: 600px) {\n grid-template-columns: 1fr 1fr;\n }\n @media (min-width: 900px) {\n grid-template-columns: 1fr 1fr 1fr;\n }\n\n * {\n box-sizing: border-box;\n }\n\n .cat-item {\n justify-self: stretch;\n position: relative;\n padding-bottom: 2 * @common-whitespace;\n\n background-color: @grey-l;\n\n img.attachment-post-thumbnail {\n display: block;\n float: none;\n clear: both;\n max-width: 20%;\n background-color: @brand;\n margin-bottom: @common-whitespace;\n }\n h2 {\n font-weight: bold;\n padding: 0 @common-whitespace;\n margin-top: @common-whitespace;\n font-size: 22px;\n }\n\n .edit-category-link {\n clear: both;\n display: block;\n padding: 0 @common-whitespace;\n font-size: 0.75em;\n }\n\n ul {\n padding: 0 @common-whitespace;\n }\n\n .category-description {\n padding: 0 @common-whitespace;\n margin-bottom: @common-whitespace;\n }\n .category-description,\n li {\n font-family: @font-serif;\n color: @text;\n line-height: 1.3;\n font-size: 18px;\n }\n li a {\n color: @text;\n }\n\n .listing-link {\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n\n line-height: 2 * @common-whitespace;\n padding: 0 @common-whitespace;\n\n color: white;\n background-color: @highlight;\n\n &:hover {\n background-color: darken( @highlight, 10% );\n }\n\n // also elsewhere in this file\n &::after {\n content: \"\\2192\";\n display: inline-block;\n position: absolute;\n right: 0;\n border-left: 1px solid hsla( 0, 0, 100%, 0.5 );\n padding: 0 1rem;\n }\n }\n }\n}\n\n#wpbdp-page-category {\n @media (min-width: 900px) {\n .category-tags-list {\n padding: 0;\n margin-left: 0;\n\n li {\n display: inline-block;\n border: 1px solid @grey-m;\n padding: 0.5em;\n margin-right: 1 * @common-whitespace;\n }\n }\n }\n}\n\n#wpbdp-listings-list {\n display: grid;\n grid-template-columns: 100%;\n grid-gap: 1 * @common-whitespace;\n @media (min-width: 900px) {\n grid-template-columns: 1fr 1fr;\n }\n\n .wpbdp-listing {\n place-self: stretch;\n border: 1px solid @grey-l;\n padding-top: 0;\n padding-right: 0;\n padding-left: 0;\n padding-bottom: 2 * @common-whitespace; // to allow space for the absolutely-positioned .listing-actions.\n background-color: white;\n box-sizing: border-box;\n position: relative;\n }\n .listing-thumbnail {\n float: none;\n margin: @common-whitespace;\n }\n .listing-details {\n padding-left: @common-whitespace;\n padding-right: @common-whitespace;\n }\n .listing-actions {\n\n margin-top: 0;\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n\n .view-listing.button {\n\n width: 100%;\n\n display: block;\n margin: 0;\n border: none;\n box-shadow: none;\n\n height: 2 * @common-whitespace;\n line-height: 2 * @common-whitespace;\n padding: 0 0 0 @common-whitespace;\n box-sizing: border-box;\n border-radius: 0;\n\n background: @highlight;\n\n color: white;\n font-weight: bold;\n font-size: @common-whitespace;\n\n // also elsewhere in this file\n &::after {\n content: \"\\2192\";\n display: inline-block;\n position: absolute;\n right: 0;\n border-left: 1px solid hsla( 0, 0, 100%, 0.5 );\n padding: 0 1rem;\n\n background-color: @highlight;\n color: white;\n }\n }\n\n .delete-listing,\n .edit-listing {\n display: none;\n }\n }\n}\n\n// detailed listing page\n.wpbdp-listing-single {\n .listing-title {\n background: transparent;\n padding: 0;\n border: none;\n h2 {\n font-size: 52px;\n }\n }\n .listing-categories {\n font-size: 16px;\n a {\n color: @grey-m-blue;\n text-transform: uppercase;\n }\n }\n .extra-images {\n margin-top: @common-whitespace;\n margin-bottom: @common-whitespace;\n img {\n clear: both;\n display: block;\n margin-right: auto;\n margin-left: auto;\n max-width: 300px;\n }\n img + img {\n margin-top: @common-whitespace;\n }\n }\n .listing-contact-details {\n background: #F6F5F6;\n border: 1px solid #ddd;\n padding: 30px;\n h5 {\n margin-bottom: 10px;\n }\n .dashicons {\n vertical-align: middle;\n color: @azure;\n margin-right: 10px;\n }\n .listing-contact-detail {\n margin-bottom: 5px;\n a {\n color: @azure;\n text-decoration: none;\n }\n &:last-of-type {\n margin-bottom: 30px;\n }\n }\n }\n}\narticle {\n .entry-content {\n .wpbdp-field-content {\n p {\n font-family: @font-sans;\n }\n }\n }\n}\n.listing-sidebar {\n .listing-main-image {\n text-align: center;\n img {\n max-width: 300px;\n width: 100%;\n }\n }\n .listing-services {\n h3 {\n text-align: center;\n margin-bottom: 10px;\n }\n hr {\n width: 15%;\n margin: 0 auto;\n margin-bottom: 30px;\n border: 3px solid #000;\n }\n .listing-services-list {\n list-style: none;\n margin-left: 0;\n li {\n padding: 15px;\n margin-bottom: 0;\n &:nth-child( even ) {\n background: #E9F3FB;\n }\n a {\n color: @azure;\n font-weight: bold;\n text-transform: capitalize;\n }\n }\n }\n }\n .listing-actions {\n input {\n &.delete-listing {\n margin-left: 0;\n color: white!important;\n }\n }\n }\n // the red one\n .edit-listing,\n .delete-listing,\n #wpbdp-bar-submit-listing-button,\n .back-to-dir {\n min-width: 30%;\n width: 100%;\n font-size: 16px;\n line-height: 3rem;\n background-color: @highlight;\n color: white;\n border: none;\n padding: 0;\n margin-bottom:10px;\n &:hover {\n background-color: darken( @highlight, 10% );\n }\n }\n}\n\n// submit a listing page\n.wpbdp-submit-listing-flex-grid {\n display: flex;\n .wpbdp-fee-plan-img {\n flex: 1;\n text-align: center;\n margin-bottom: 20px;\n img {\n max-width: 95%;\n max-height: 515px;\n @media (max-width:800px) {\n max-height: 100%;\n }\n }\n @media (max-width:800px) {\n margin-bottom: 10px;\n }\n }\n @media (max-width:800px) {\n display: block; \n }\n}\n.wpbdp-submit-listing-section {\n .wpbdp-plan {\n .wpbdp-plan-price {\n label {\n background: #fff;\n &:after {\n content: \"Select\";\n }\n }\n .wpbdp-plan-price-amount {\n display: none;\n }\n }\n &.display-only {\n .wpbdp-plan-price {\n display: none;\n }\n }\n }\n .wpbdp-form-field-id-5.wpbdp-form-field-type-url {\n // there is not a good selector for the \"Link text: (optional)\" label's containing span,\n // so we just hide the column that should contain it.\n // for https://github.com/INN/umbrella-currentorg/issues/62\n .wpbdp-url-field-col:nth-child(2) {\n display: none;\n }\n // make the preceding field full-width\n .wpbdp-url-field-col:nth-child(1) {\n width: 100%;\n padding-right: 0;\n }\n // and hide the uneditable text that references the link text field\n .wpbdp-form-field-description {\n display: none;\n }\n }\n &.wpbdp-submit-listing-section-listing_images {\n // for https://github.com/INN/umbrella-currentorg/issues/62\n .wpbdp-submit-listing-section-content h4,\n .wpbdp-submit-listing-section-content #no-images-message {\n display: none;\n }\n }\n #wpbdp-uploaded-images {\n .wpbdp-image {\n .wpbdp-image-extra {\n label {\n display: none;\n }\n }\n }\n }\n}\n\n\n#wpbdp-submit-listing {\n .wpbdp-submit-listing-section-header {\n font-size: 16px;\n }\n .wpbdp-submit-listing-section-plan_selection {\n ul {\n &.category-list {\n li {\n font-size: 14px;\n }\n }\n }\n }\n}\n\n.select2-results{\n font-size: 14px;\n}\n\n.wpbdp-plan-selection-wrapper.display-block-important,\n.wpbdp-plan-selection {\n display: block!important;\n}\n.display-none-important {\n display: none!important;\n}\n\n.wpbdp-field-9-dropdown{\n height: 50px;\n border-radius: 0!important;\n border: 1px solid #ccc!important;\n .select2-selection__choice {\n font-size: 12px;\n }\n}\n\n#wpbdp-submit-listing {\n h2 {\n display: none;\n }\n}","/**\n * Variables\n */\n@azure: #1c819e;\n@azure-dark: #0082a1;\n@red: #e86059;\n@red-dark: #b14742;\n@yellow: #fecf42;\n\n@grey-d: #343434;\n@grey-blue: #454c54;\n@grey-m: #666666;\n@grey-m-blue: #99a1a6;\n@grey-l: #eeeeee;\n@grey-l-blue: #e9f3fb;\n\n@white: #fff;\n\n@finalist: #A11282;\n@semifinalist: #FF8B4D;\n@winner: #12A179;\n\n@brand: @azure;\n@highlight: @red;\n@text: @grey-d;\n\n@font-sans: \"freight-sans-pro\", \"Helvetica Neue\", Arial, sans-serif;\n@font-serif: \"freight-text-pro\", Georgia, Cambria, \"Times New Roman\", Times, serif;\n"]} \ No newline at end of file diff --git a/wp-content/themes/currentorg/js/current-ltw-projects.js b/wp-content/themes/currentorg/js/current-ltw-projects.js index 3018078..de48b03 100644 --- a/wp-content/themes/currentorg/js/current-ltw-projects.js +++ b/wp-content/themes/currentorg/js/current-ltw-projects.js @@ -7,9 +7,14 @@ $(document).ready(function(){ e.preventDefault(); var post_id = $(this).data("post-id"); current_ltw_projects_load_single_project(post_id); + + // add active left border + $('.projects-list-item').removeClass('active'); + $(this).closest('.projects-list-item').addClass('active'); }); $(".projects-single-close").on('click', function(){ + $('.projects-list-item').removeClass('active'); $(".projects-single-layout").hide(); }); diff --git a/wp-content/themes/currentorg/less/current-ltw-projects.less b/wp-content/themes/currentorg/less/current-ltw-projects.less index 47a6489..59fc351 100644 --- a/wp-content/themes/currentorg/less/current-ltw-projects.less +++ b/wp-content/themes/currentorg/less/current-ltw-projects.less @@ -13,6 +13,7 @@ grid-template-columns: 5fr 7fr; grid-template-areas: "search search" + "results-count results-count" "list single" ; grid-gap: @common-whitespace; @@ -21,12 +22,29 @@ .projects-search-form-search { grid-area: search; } + .projects-results-count { + grid-area: results-count; + } .projects-list { grid-area: list; } .projects-single-layout { grid-area: single; } + h2.entry-title, + .projects-single-title { + font-size: 26px; + color: @azure; + a { + color: @azure; + } + } + .entry-content { + font-size: 16px; + p { + margin-top: 12px; + } + } } @media ( max-width: 770px ) { display: flex; @@ -34,12 +52,15 @@ .projects-search-form-search { order: 1; } - .projects-single-layout { + .projects-results-count { order: 2; + } + .projects-single-layout { + order: 3; display: none; } .projects-list { - order: 3; + order: 4; } } } @@ -47,6 +68,7 @@ .projects-search-form-search { padding: @common-whitespace 0; border-bottom: 1px solid @grey-d; + position: relative; input, button, select, details { border: 1px solid @grey-m; @@ -66,6 +88,9 @@ vertical-align: middle; float: left; } + label { + padding-right: 40px; + } .btn-submit { background-color: @brand; color: white; @@ -78,6 +103,24 @@ appearance: none; } + select { + display: block; + width: 175px; + max-width: 100%; + padding: 4px 20px; + margin: 0; + border: 1px solid @grey-d; + color: #484848; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background-color: @grey-l; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC'); + background-repeat: no-repeat; + background-position: center right 0.25em; + background-size: 1em; + } + #project-org-type, .project-category .btn { // https://www.filamentgroup.com/lab/select-css.html @@ -87,15 +130,17 @@ background-repeat: no-repeat; background-position: center right 0.25em; background-size: 1em; + width: 175px; } details[open] { border: 1px solid @grey-d; - position: relative; - top: 0; + position: absolute; vertical-align: top; max-height: 50vh; overflow: scroll; + background: @white; + z-index: 10; summary { width: 100%; } @@ -117,40 +162,104 @@ margin: 0; vertical-align: initial; } + summary::-webkit-details-marker { + display: none; + } + } + @media (max-width: 770px) { + label[for=projects-search] { + width: 100%; + margin-bottom: @common-whitespace * 0.5; + padding-right: 0; + input { + width: 85%; + } + button { + width: 15%; + } + } + label.project-org-type { + width: 47%; + padding-right: 0; + select { + width: 100%; + } + } + details.project-category { + float: right; + width: 47%; + &[open] { + display: block; + right: 0; + top: 55%; + } + .btn { + width: 100%; + } + } + } } .projects-list { - border: 1px solid @grey-d; - padding: @common-whitespace * 0.5; } .projects-list-item { - border: 1px solid @grey-d; + border: 1px solid @grey-d!important; padding: @common-whitespace * 0.5; + background: @white; & + .projects-list-item { - margin-top: @common-whitespace * 0.5; + margin-top: 0.5rem; + } + &.active { + border-left: 6px solid @azure!important; } } .projects-single-layout { border: 1px solid @grey-d; + border-left: 6px solid @azure; padding: @common-whitespace * 0.5; - width: 95%; + width: 100%; + box-sizing: border-box; + background: @white; &.open { position: absolute; - background: #fff; + background: @white; height: 100%; + width: 100%; + max-width: 100%; + z-index: 99; } .projects-single-interior-container { position: sticky; top: 1%; + max-height: 95vh; + overflow-y: scroll; .sticky-show & { + max-height: calc( 95vh - 56px); top: 7%; } + .projects-single-close { + background-color: @brand; + color: @white; + border: none; + } } .projects-single-holder { .entry-content { + .project-tags { + .delimiter { + padding: 0 5px; + } + } + .has-thumbnail { + float: none; + margin: 0; + max-width: 100%; + } iframe, img { max-width: 100%; + float: none; + margin: 0; } .project-tags { margin-left: 0; @@ -174,26 +283,47 @@ display: none; } } + @media (max-width: 770px) { + max-width: 97%; + } } .project-tags { padding: 0; margin: 1em 0; li { display: inline-block; - padding: 0.5em; + padding: 4px 6px; border: 1px solid @grey-d; & + li { margin-left: 0.5em; } } - [class*=project-status] { - background: yellow; + .project-status-finalist { + background: @finalist; + color: @white; + a { + color: @white; + } + } + .project-status-semi-finalist { + background: @semifinalist; + color: @white; + a { + color: @white; + } + } + .project-status-winner { + background: @winner; + color: @white; + a { + color: @white; + } } [class*=project-org-type] { background: aliceblue; } [class*=project-category] { - background: lavender; + background: @white; } } diff --git a/wp-content/themes/currentorg/less/vars.less b/wp-content/themes/currentorg/less/vars.less index e0a68f3..2889ab3 100644 --- a/wp-content/themes/currentorg/less/vars.less +++ b/wp-content/themes/currentorg/less/vars.less @@ -14,6 +14,12 @@ @grey-l: #eeeeee; @grey-l-blue: #e9f3fb; +@white: #fff; + +@finalist: #A11282; +@semifinalist: #FF8B4D; +@winner: #12A179; + @brand: @azure; @highlight: @red; @text: @grey-d; diff --git a/wp-content/themes/currentorg/partials/content-projects-list-item.php b/wp-content/themes/currentorg/partials/content-projects-list-item.php index 8370743..5ff5c14 100644 --- a/wp-content/themes/currentorg/partials/content-projects-list-item.php +++ b/wp-content/themes/currentorg/partials/content-projects-list-item.php @@ -38,9 +38,6 @@ largo_maybe_top_term(); } - if ( $show_thumbnail ) { - echo '
' . get_the_post_thumbnail() . '
'; - } ?>

diff --git a/wp-content/themes/currentorg/partials/projects-list.php b/wp-content/themes/currentorg/partials/projects-list.php index 32b96e7..969eff7 100644 --- a/wp-content/themes/currentorg/partials/projects-list.php +++ b/wp-content/themes/currentorg/partials/projects-list.php @@ -1,3 +1,14 @@ +
+ found_posts ) { + printf( + '

%1$s %2$s

', + $query->found_posts, + __( 'results found.', 'current-ltw-projects' ) + ); + } + ?> +
have_posts() ) { @@ -18,8 +29,16 @@ 'posts_term' => ( ! empty( $posts_term ) ) ? $posts_term : esc_html__( 'Projects', 'current-ltw-projects' ) ) ); + + // reset the_post to the first post in the query results + $counter = 1; + while ( $query->have_posts() && $counter === 1 ) { + $query->the_post(); + $counter++; + } + } else { - echo wpautop( esc_html__( 'Apologies, but no results were found. Perhaps searching for something else will help.', 'largo' ) ); + echo wpautop( esc_html__( 'Apologies, but no results were found. Perhaps searching for something else will help.', 'current-ltw-projects' ) ); } ?>
diff --git a/wp-content/themes/currentorg/partials/projects-search-form.php b/wp-content/themes/currentorg/partials/projects-search-form.php index 549f8a7..7ec2f6f 100644 --- a/wp-content/themes/currentorg/partials/projects-search-form.php +++ b/wp-content/themes/currentorg/partials/projects-search-form.php @@ -27,8 +27,8 @@ -