From e4e34778c1cf72a1560edca5feb82baac3031523 Mon Sep 17 00:00:00 2001 From: Bob Coret Date: Fri, 22 Dec 2023 16:54:03 +0100 Subject: [PATCH] improved css for metadata section --- web/assets/site.20231222.min.css | 516 +------------------------------ web/assets/site.css | 13 + 2 files changed, 14 insertions(+), 515 deletions(-) diff --git a/web/assets/site.20231222.min.css b/web/assets/site.20231222.min.css index 5ef8e84..8afe3ba 100644 --- a/web/assets/site.20231222.min.css +++ b/web/assets/site.20231222.min.css @@ -1,515 +1 @@ -Utilities -CSS Minifier -Online CSS Minifier Tool and Compressor, with Fast and Simple API Access -Input CSS -/* minify via https://www.toptal.com/developers/cssminifier */ -body { - font-size: 1rem; - line-height: 1.5; - font-family:Roboto,Helvetica,Arial,sans-serif!important; -} -.form-control-lg { - font-size: 26px!important; - width: 100%; - padding: 10px; - margin: 20px 0 10px; -} - .form-control input { - background: white; - border: 1px solid white; - padding: 10px; -} - .form-control, .chosen-container, label { - font-size: 18px!important; - color: #be2c00; -} - #api_status { - padding:20px; - color:white; - margin-top:10px; - margin-bottom:-30px; - font-weight:bold; - font-size:1.5em -} - #api_status a { - color: white; - text-decoration: underline -} - #api_result { - background-color: #fff!important; - padding: 20px!important; - font-size: 16px!important; - margin: 30px 0!important; - border: 0!important; - color: #be2c00 -} - #api_result h2, #api_result h3, #api_result p, #api_result li, #api_result td { - color: #be2c00!important -} - #api_result a { - font-size: 0.8em; - color: #be2c00; - padding: 0 10px; - text-decoration: underline -} - .btn--api { - color: #be2c00!important; -} - .btn { - cursor: pointer -} - .imessage { - box-shadow: 0px 0px 9px 3px rgba(95, 95, 95, 0.9); - padding: 10px; - margin: 20px 0 -} - .val_count_Violation, .val_count_Warning, .val_count_Info { - color: white; - font-weight: bold; - border: 1px solid white; - border-radius: 4px; - padding: 3px 5px; - margin-right: 10px; - font-size: 0.7em -} - .val_count_Violation { - background-color: red -} - .val_count_Warning { - background-color: orange -} - .val_count_Info { - background-color: #5cb85c -} - #api_source { - display: none; - font-size: 0.8em; - font-family: monospace!important; - background-color: #fff!important; - padding: 20px!important; - margin: 20px 0!important; - border: 0!important; - color: #0a3dfa; -} - label { - font-weight: bold; - margin-right: 10px; - display: inline-block; - font-size: 18px!important; - opacity: 1!important; -} - label a { - font-size: 18px!important; -} - .vcard { - background-color: #fafafa -} - .distribution_first { - border-top: 4px solid #be2c00 -} - th { - text-align: left; - width: 20% -} - select { - border: 1px solid #ced4da; - margin: 5px 0; - border-radius: .25rem; -} - pre { - display: block; - font-size: 87.5%; - color: #fff; - background-color: #d7eefa; - padding: 30px; - width: 100%; - margin: 32px 0; -} - .row { - display: block; - flex-wrap: none; -} - th > label::after { - content:" ⓘ"; - color:#555; - font-size:75%; -} - .tooltip-inner { - opacity: 1; - font-size: 1.5rem; - background-color: #be2c00; - color: #fff; - border: 0; - padding:10px; -} - #result { - display: none -} - #dataset_form a { - color: #007bff -} - xmp { - color: #fff; - background-color: #172a59; - margin:10px 0 0 0; - padding:10px; - overflow-x: auto; - line-height: initial; -} - .tab-content, .nav { - width: 100% -} - .tab-content { - font-family: Poppins,Helvetica,Arial,sans-serif; - font-size: calc(.575vw + .575vh + .575rem); -} - .nav-tabs { - font-size: 20px; - margin-bottom: 20px!important; - border-bottom: 1px solid #be2c00!important; -} - .nav-tabs .nav-link.active { - border-color: #be2c00!important; -} - a.nav-link:hover { - border-bottom: 1px solid #be2c00!important; -} - .nav-tabs .nav-link, table a { - color: #be2c00; -} - .table td, .table th { - border-top:0!important; -} - .tab-pane { - padding-bottom:30px; -} - -.mobile-hidden { - display:none; -} -@media only screen and (min-width:42.375em){ - /* body:after{ - content: "beta"; - position: fixed; - width: 80px; - height: 25px; - background: #be2c00; - top: 7px; - left: -20px; - text-align: center; - font-size: 13px; - font-family: sans-serif; - text-transform: uppercase; - font-weight: bold; - color: #fff; - line-height: 27px; - transform:rotate(-45deg); - z-index: 15; - } */ - .mobile-hidden { - display:inline; - } -} -body.home { - background:url(beeldmerk.jpg) no-repeat center center fixed; - background-size: cover; -} -.b-homepanel { - width:60%; - background-color:#ffffffe5!important; - box-shadow: 0px 0px 7px #be2c00; -} -@media only screen and (max-width:42.375em){ - .b-homepanel { - width:90%; - } -} - -/* search */ - -.column,.column2 { - float:none; - width:100%; - margin:0; - padding:0; - border:0; - } - .column2 { padding-top:16px } - .row:after { - content:""; - display:table; - clear:both; - } - @media only screen and (min-width:1008px){ - .column { - float:left; - width:57%; - margin-right:2% - } - .column2 { - float:left; - width:40%; - border-left:2px solid white; - padding-left:20px; - padding-top:0; - } - } - input[type=search], select { - width:100%; - padding:8px; - margin-top:1px; - } - .linkprop span { - cursor:pointer; - text-decoration:underline; - } - .choices { - text-align:center; - } - .choices a { - font-size:0.8em; - font-weight:400; - } - - @media only screen and (min-width:42.375em){ - .scroll{ - overflow-x: auto; - white-space: nowrap; - } - .scroll table { - white-space: nowrap; - } - } - .props { - border-left:3px solid #be2c00; - border-spacing:5px; - border-collapse:unset; - background-color:#fff4ef; - } - .props th, .props td { - vertical-align:top; - white-space:normal; - } - .formatcheckboxes { - background-color:#fff4ef; - border:3px solid #fff; - height:112px; /* was met doorzoek checkbox zichtbaar 192px; */ - overflow-y:auto; - overflow-x:hidden; - padding:5px; - margin:1px; - } - ol li { - font-size:1em !important - } - label { - font-weight:100!important; - color:#172a70!important; - display:inline-block; - margin-right:2em; - } - .formatcheckboxes label { - display:block; - } - .search-div { - padding:16px; - margin:32px 0; - } - #searchresults { - margin-top:50px; - } - #dataset_description { - font-size: 1.6em;margin:32px 0 - } - #dataset_description a { - text-decoration:underline; - } - - .close-uri, .link-uri { - float:right; - cursor:pointer; - color:white!important; - display:inline; - padding:10px; - line-height:1em; - text-decoration:none!important; - } - - .star { - text-decoration: none!important; - } - - .props th, .props td { - overflow-wrap: anywhere; - padding: 3px 6px; - } - .props th { - text-align:right; - } - - #starex { - margin-bottom:0; - display:none; - } - - #starex p { - text-align:center; - padding:1em - } - - #sparql-query { - font-size:14px; - text-align:left - } - - .xmllang { - display:inline-block; - color:white; - width:18px; - text-align:center; - font-weight:normal; - vertical-align: super; - font-size:0.6em; - padding:3px; - line-height:1em; - background-color:#be2c00 - } - - h3 { - text-overflow:ellipsis; - overflow:hidden - } - - #stars { - float:right - } - - #stars_ok { - color: #be2c00; - } - - #stars_not { - color:#faebe5 - } - .lds-ellipsis { - display: none; - position: relative; - width: 80px; - height: 20px; - } - .lds-ellipsis div { - position: absolute; - width: 10px; - height: 10px; - top:10px; - margin-left:20px; - border-radius: 50%; - background: #c44018; - animation-timing-function: cubic-bezier(0, 1, 1, 0); - } - .lds-ellipsis div:nth-child(1) { - left: 8px; - animation: lds-ellipsis1 0.6s infinite; - } - .lds-ellipsis div:nth-child(2) { - left: 8px; - animation: lds-ellipsis2 0.6s infinite; - } - .lds-ellipsis div:nth-child(3) { - left: 32px; - animation: lds-ellipsis2 0.6s infinite; - } - .lds-ellipsis div:nth-child(4) { - left: 56px; - animation: lds-ellipsis3 0.6s infinite; - } - @keyframes lds-ellipsis1 { - 0% { - transform: scale(0); - } - 100% { - transform: scale(1); - } - } - @keyframes lds-ellipsis3 { - 0% { - transform: scale(1); - } - 100% { - transform: scale(0); - } - } - @keyframes lds-ellipsis2 { - 0% { - transform: translate(0, 0); - } - 100% { - transform: translate(24px, 0); - } - } - -#facet_block { - display: none; - background-color: #f4e6e2; - padding: 5px 10px; - margin-bottom:32px; -} -#facets { columns: 3 } - -#facet_block, #facet_block label { - font-size:1.5rem!important; -} - -.datacatalog { - background-color:#be2c00; - color:white!important; - padding:2px 10px; - display:inline-block; - float:right; - margin:1em -} - -.props thead th:nth-child(2),.props thead th:nth-child(3) { - text-align:left; -} - -.props thead .double { - text-align: right!important; -} - -.props thead th { - background-color: white; -} -Minified CSS Output -#api_result,#api_source{background-color:#fff!important;padding:20px!important}#api_result a,#api_status a,#dataset_description a,.linkprop span{text-decoration:underline}.btn,.linkprop span{cursor:pointer}.close-uri,.link-uri,.star{text-decoration:none!important}#starex p,.choices,.xmllang{text-align:center}#sparql-query,.props thead th:nth-child(2),.props thead th:nth-child(3),th{text-align:left}body{font-size:1rem;line-height:1.5;font-family:Roboto,Helvetica,Arial,sans-serif!important}.form-control-lg{font-size:26px!important;width:100%;padding:10px;margin:20px 0 10px}label,label a{font-size:18px!important}.form-control input{background:#fff;border:1px solid #fff;padding:10px}.chosen-container,.form-control,label{font-size:18px!important;color:#be2c00}#api_status{padding:20px;color:#fff;margin-top:10px;margin-bottom:-30px;font-weight:700;font-size:1.5em}#api_status a{color:#fff}#api_result{font-size:16px!important;margin:30px 0!important;border:0!important;color:#be2c00}#api_result h2,#api_result h3,#api_result li,#api_result p,#api_result td,.btn--api{color:#be2c00!important}#api_result a{font-size:.8em;color:#be2c00;padding:0 10px}.imessage{box-shadow:0 0 9px 3px rgba(95,95,95,.9);padding:10px;margin:20px 0}.val_count_Info,.val_count_Violation,.val_count_Warning{color:#fff;font-weight:700;border:1px solid #fff;border-radius:4px;padding:3px 5px;margin-right:10px;font-size:.7em}.tooltip-inner,xmp{color:#fff;padding:10px}.val_count_Violation{background-color:red}.val_count_Warning{background-color:orange}.val_count_Info{background-color:#5cb85c}#api_source{display:none;font-size:.8em;font-family:monospace!important;margin:20px 0!important;border:0!important;color:#0a3dfa}label{opacity:1!important;font-weight:100!important;color:#172a70!important;display:inline-block;margin-right:2em}.formatcheckboxes label,.row,pre{display:block}.vcard{background-color:#fafafa}.distribution_first{border-top:4px solid #be2c00}th{width:20%}.nav,.tab-content,pre{width:100%}select{border:1px solid #ced4da;margin:5px 0;border-radius:.25rem}pre{font-size:87.5%;color:#fff;background-color:#d7eefa;padding:30px;margin:32px 0}.row{flex-wrap:none}#result,#starex,.mobile-hidden{display:none}th>label::after{content:" ⓘ";color:#555;font-size:75%}.tooltip-inner{opacity:1;font-size:1.5rem;background-color:#be2c00;border:0}#dataset_form a{color:#007bff}xmp{background-color:#172a59;margin:10px 0 0;overflow-x:auto;line-height:initial}.tab-content{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:calc(.575vw + .575vh + .575rem)}.nav-tabs{font-size:20px;margin-bottom:20px!important;border-bottom:1px solid #be2c00!important}.nav-tabs .nav-link.active{border-color:#be2c00!important}a.nav-link:hover{border-bottom:1px solid #be2c00!important}#stars_ok,.nav-tabs .nav-link,table a{color:#be2c00}.table td,.table th{border-top:0!important}.tab-pane{padding-bottom:30px}body.home{background:url(beeldmerk.jpg) center center/cover no-repeat fixed}.b-homepanel{width:60%;background-color:#ffffffe5!important;box-shadow:0 0 7px #be2c00}.formatcheckboxes,.props{background-color:#fff4ef}@media only screen and (max-width:42.375em){.b-homepanel{width:90%}}.column,.column2{float:none;width:100%;margin:0;padding:0;border:0}.column2{padding-top:16px}.row:after{content:"";display:table;clear:both}@media only screen and (min-width:1008px){.column{float:left;width:57%;margin-right:2%}.column2{float:left;width:40%;border-left:2px solid #fff;padding-left:20px;padding-top:0}}input[type=search],select{width:100%;padding:8px;margin-top:1px}.choices a{font-size:.8em;font-weight:400}@media only screen and (min-width:42.375em){.mobile-hidden{display:inline}.scroll,.scroll table{white-space:nowrap}.scroll{overflow-x:auto}}.props{border-left:3px solid #be2c00;border-spacing:5px;border-collapse:unset}.props td,.props th{vertical-align:top;white-space:normal;overflow-wrap:anywhere;padding:3px 6px}.formatcheckboxes{border:3px solid #fff;height:112px;overflow-y:auto;overflow-x:hidden;padding:5px;margin:1px}.datacatalog,.xmllang{background-color:#be2c00}ol li{font-size:1em!important}.search-div{padding:16px;margin:32px 0}#searchresults{margin-top:50px}#dataset_description{font-size:1.6em;margin:32px 0}.close-uri,.link-uri{float:right;cursor:pointer;color:#fff!important;display:inline;padding:10px;line-height:1em}.props th{text-align:right}#starex{margin-bottom:0}#starex p{padding:1em}#sparql-query{font-size:14px}.xmllang{display:inline-block;color:#fff;width:18px;font-weight:400;vertical-align:super;font-size:.6em;padding:3px;line-height:1em}h3{text-overflow:ellipsis;overflow:hidden}#stars{float:right}#stars_not{color:#faebe5}.lds-ellipsis{display:none;position:relative;width:80px;height:20px}.lds-ellipsis div{position:absolute;width:10px;height:10px;top:10px;margin-left:20px;border-radius:50%;background:#c44018;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;animation:.6s infinite lds-ellipsis1}.lds-ellipsis div:nth-child(2){left:8px;animation:.6s infinite lds-ellipsis2}.lds-ellipsis div:nth-child(3){left:32px;animation:.6s infinite lds-ellipsis2}.lds-ellipsis div:nth-child(4){left:56px;animation:.6s infinite lds-ellipsis3}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}#facet_block{display:none;background-color:#f4e6e2;padding:5px 10px;margin-bottom:32px}#facets{columns:3}#facet_block,#facet_block label{font-size:1.5rem!important}.datacatalog{color:#fff!important;padding:2px 10px;display:inline-block;float:right;margin:1em}.props thead .double{text-align:right!important}.props thead th{background-color:#fff} -CSS Minifier Tool Documentation -The API has changed, to see more please click here -To minify/compress your CSS, perform a POST request to - -API https://www.toptal.com/developers/cssminifier/api/raw -with the input parameter set to the CSS you want to minify. - -Hire World Class Talent with Toptal -CSS Developers -Landing Page Designers -Animation Designers -Web Developers -Social Media Designers -Webflow Designers -Blog Designers -Salesforce Consultants -Mobile UI Designers -WPF Developers -Level Designers -Mobile Game Designers -CSS3 Developers -VBA Developers -Marketo Developers -Hire the top 3% of freelance talent -Join the Toptal Network -Copyright 2010 - 2023 Toptal, LLC -Privacy Policy -Website terms -By continuing to use this site you agree to our Cookie Policy Privacy Policy, and Terms of Use. - -Got it +#api_result,#api_source{background-color:#fff!important;padding:20px!important}#api_result a,#api_status a,#dataset_description a,#sectionMetadata a,.linkprop span{text-decoration:underline}.btn,.linkprop span{cursor:pointer}.close-uri,.link-uri,.star{text-decoration:none!important}#starex p,.choices,.xmllang{text-align:center}#sparql-query,.props thead th:nth-child(2),.props thead th:nth-child(3),th{text-align:left}body{font-size:1rem;line-height:1.5;font-family:Roboto,Helvetica,Arial,sans-serif!important}.form-control-lg{font-size:26px!important;width:100%;padding:10px;margin:20px 0 10px}label,label a{font-size:18px!important}.form-control input{background:#fff;border:1px solid #fff;padding:10px}.chosen-container,.form-control,label{font-size:18px!important;color:#be2c00}#api_status{padding:20px;color:#fff;margin-top:10px;margin-bottom:-30px;font-weight:700;font-size:1.5em}#api_status a{color:#fff}#api_result{font-size:16px!important;margin:30px 0!important;border:0!important;color:#be2c00}#api_result h2,#api_result h3,#api_result li,#api_result p,#api_result td,.btn--api{color:#be2c00!important}#api_result a{font-size:.8em;color:#be2c00;padding:0 10px}.imessage{box-shadow:0 0 9px 3px rgba(95,95,95,.9);padding:10px;margin:20px 0}.val_count_Info,.val_count_Violation,.val_count_Warning{color:#fff;font-weight:700;border:1px solid #fff;border-radius:4px;padding:3px 5px;margin-right:10px;font-size:.7em}.tooltip-inner,xmp{color:#fff;padding:10px}.val_count_Violation{background-color:red}.val_count_Warning{background-color:orange}.val_count_Info{background-color:#5cb85c}#api_source{display:none;font-size:.8em;font-family:monospace!important;margin:20px 0!important;border:0!important;color:#0a3dfa}label{opacity:1!important;font-weight:100!important;color:#172a70!important;display:inline-block;margin-right:2em}.formatcheckboxes label,.row,pre{display:block}.vcard{background-color:#fafafa}.distribution_first{border-top:4px solid #be2c00}th{width:20%}.nav,.tab-content,pre{width:100%}select{border:1px solid #ced4da;margin:5px 0;border-radius:.25rem}pre{font-size:87.5%;color:#fff;background-color:#d7eefa;padding:30px;margin:32px 0}.row{flex-wrap:none}#result,#sectionMetadata,#sectionSummary,#starex,#tableMetadata tr,.mobile-hidden{display:none}th>label::after{content:" ⓘ";color:#555;font-size:75%}.tooltip-inner{opacity:1;font-size:1.5rem;background-color:#be2c00;border:0}#dataset_form a{color:#007bff}xmp{background-color:#172a59;margin:10px 0 0;overflow-x:auto;line-height:initial}.tab-content{font-family:Poppins,Helvetica,Arial,sans-serif;font-size:calc(.575vw + .575vh + .575rem)}.nav-tabs{font-size:20px;margin-bottom:20px!important;border-bottom:1px solid #be2c00!important}.nav-tabs .nav-link.active{border-color:#be2c00!important}a.nav-link:hover{border-bottom:1px solid #be2c00!important}#stars_ok,.nav-tabs .nav-link,table a{color:#be2c00}.table td,.table th{border-top:0!important}.tab-pane{padding-bottom:30px}body.home{background:url(beeldmerk.jpg) center center/cover no-repeat fixed}.b-homepanel{width:60%;background-color:#ffffffe5!important;box-shadow:0 0 7px #be2c00}.formatcheckboxes,.props{background-color:#fff4ef}@media only screen and (max-width:42.375em){.b-homepanel{width:90%}}#dataset_description,#tableMetadata{font-size:1.6em;margin:32px 0}.column,.column2{float:none;width:100%;margin:0;padding:0;border:0}.column2{padding-top:16px}.row:after{content:"";display:table;clear:both}@media only screen and (min-width:1008px){.column{float:left;width:57%;margin-right:2%}.column2{float:left;width:40%;border-left:2px solid #fff;padding-left:20px;padding-top:0}}input[type=search],select{width:100%;padding:8px;margin-top:1px}.choices a{font-size:.8em;font-weight:400}@media only screen and (min-width:42.375em){.mobile-hidden{display:inline}.scroll,.scroll table{white-space:nowrap}.scroll{overflow-x:auto}}.props{border-left:3px solid #be2c00;border-spacing:5px;border-collapse:unset}.props td,.props th{vertical-align:top;white-space:normal;overflow-wrap:anywhere;padding:3px 6px}.formatcheckboxes{border:3px solid #fff;height:112px;overflow-y:auto;overflow-x:hidden;padding:5px;margin:1px}.datacatalog,.xmllang{background-color:#be2c00}ol li{font-size:1em!important}.search-div{padding:16px;margin:32px 0}#searchresults{margin-top:50px}.close-uri,.link-uri{float:right;cursor:pointer;color:#fff!important;display:inline;padding:10px;line-height:1em}.props th{text-align:right}#starex{margin-bottom:0}#starex p{padding:1em}#sparql-query{font-size:14px}.xmllang{display:inline-block;color:#fff;width:18px;font-weight:400;vertical-align:super;font-size:.6em;padding:3px;line-height:1em}h3{text-overflow:ellipsis;overflow:hidden}#stars{float:right}#stars_not{color:#faebe5}.lds-ellipsis{display:none;position:relative;width:80px;height:20px}.lds-ellipsis div{position:absolute;width:10px;height:10px;top:10px;margin-left:20px;border-radius:50%;background:#c44018;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;animation:.6s infinite lds-ellipsis1}.lds-ellipsis div:nth-child(2){left:8px;animation:.6s infinite lds-ellipsis2}.lds-ellipsis div:nth-child(3){left:32px;animation:.6s infinite lds-ellipsis2}.lds-ellipsis div:nth-child(4){left:56px;animation:.6s infinite lds-ellipsis3}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}#facet_block{display:none;background-color:#f4e6e2;padding:5px 10px;margin-bottom:32px}#facets{columns:3}#facet_block,#facet_block label{font-size:1.5rem!important}.datacatalog{color:#fff!important;padding:2px 10px;display:inline-block;float:right;margin:1em}.props thead .double{text-align:right!important}.props thead th{background-color:#fff} \ No newline at end of file diff --git a/web/assets/site.css b/web/assets/site.css index e61e09d..c4c4766 100644 --- a/web/assets/site.css +++ b/web/assets/site.css @@ -221,6 +221,19 @@ body.home { } } +#tableMetadata { + font-size:1.6em; + margin:32px 0 +} + +#sectionMetadata, #tableMetadata tr, #sectionSummary { + display:none +} + +#sectionMetadata a { + text-decoration:underline +} + /* search */ .column,.column2 {