/* | | | ,---.. ,,---.,---.,---.| | ,---.. .| ,---.,---. | | \ / |---'| ,---|| | | | || |---'`---. `---' `' `---'` `---^`---'`---' ` `---'`---'`---'`---' */ .scope-kit-BXBGL {} .scope-kit-BXBGL .slick-slide {padding-top: 40px;} .scope-kit-BXBGL .block .gap {border: 1px solid #ccc; background: white; border-radius: 4px; padding: 4px;} .scope-kit-BXBGL .block .gap.full {width: calc(100% - 10px);} /* | | __| _ \ \ \ / __| | __/ ` < | \__| \___| _/\_\ \__| */ .kit-BXBGL-i1, .kit-BXBGL-i2, .kit-BXBGL-i3, .kit-BXBGL-i4, .kit-BXBGL-i5 {} .kit-BXBGL-i1 {color: red;} .kit-BXBGL-i2 {color: blue;} .kit-BXBGL-i3 {color: green;} .kit-BXBGL-i4 {background-color: #dcecb9;} .kit-BXBGL-i5 {background-color: #fffdbd;} .kit-BXBGL-i6 {font-size: 150%;} .kit-BXBGL-raam {color:#1383A5; border: solid 2px #1383A5; border-radius: 100px; padding: 5px 10px; background-color: white;} /* | | | | ,---., .,---.. .|--- |---.,---.. ,,---.,---. | ,---|| || || || | || | >< |---'`---. `---'`---^`---|`---'`---'`---' `---'`---'' ``---'`---' `---' */ .kit-BXBGL-k1, .kit-BXBGL-k2, .kit-BXBGL-k3, .kit-BXBGL-k4, .kit-BXBGL-k5 {padding: 16px; border-radius: 15px; margin-bottom: 16px; clear: left; overflow: auto;} /* Activity: work in groups */ .kit-BXBGL-k1 {background-color: #fff; border: solid 2px #914623;} .kit-BXBGL-k1 h3 {color: #914623;} .kit-BXBGL-k1 h4 {color: #2E83A2; padding: 5px; border: dotted 1px #2E83A2; border-radius: 20px; width: 210px; background: linear-gradient(180deg, rgba(224,249,255,1) 0%, rgba(199,235,242,1) 100%);} .kit-BXBGL-k1 h4:before {margin-right: 4px; width: 28px; height: 28px; content: ''; background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 256 256"%3E%3Cpath fill="%232E83A2" d="M230.4 219.19A8 8 0 0 1 224 232H32a8 8 0 0 1-6.4-12.8A67.88 67.88 0 0 1 53 197.51a40 40 0 1 1 53.93 0a67.42 67.42 0 0 1 21 14.29a67.42 67.42 0 0 1 21-14.29a40 40 0 1 1 53.93 0a67.85 67.85 0 0 1 27.54 21.68M27.2 126.4a8 8 0 0 0 11.2-1.6a52 52 0 0 1 83.2 0a8 8 0 0 0 12.8 0a52 52 0 0 1 83.2 0a8 8 0 0 0 12.8-9.61A67.85 67.85 0 0 0 203 93.51a40 40 0 1 0-53.93 0a67.42 67.42 0 0 0-21 14.29a67.42 67.42 0 0 0-21-14.29a40 40 0 1 0-53.93 0A67.88 67.88 0 0 0 25.6 115.2a8 8 0 0 0 1.6 11.2"%2F%3E%3C%2Fsvg%3E') no-repeat; display: inline-block; vertical-align: text-top;} /* Activity (lk 105) */ .kit-BXBGL-k2 {background-color: #fffdbd;} /* Extended Activity */ .kit-BXBGL-k3 {background-color: #fff; border: solid 2px #704B97;} .kit-BXBGL-k3 h3 {background: linear-gradient(180deg, rgba(112,75,151,1) 0%, rgba(142,99,186,1) 100%); color: #fff; border-radius: 20px; padding-left: 15px;} /* Points to note */ .kit-BXBGL-k4 {background-color: #fff; border: solid 2px #659362; background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="30" height="30" viewBox="0 0 20 20"%3E%3Cpath fill="%23659362" d="m15.81 10.548l-4.83 4.83a2.197 2.197 0 0 0-.578 1.02l-.375 1.498a.89.89 0 0 0 1.079 1.078l1.498-.374a2.194 2.194 0 0 0 1.02-.578l4.83-4.83a1.87 1.87 0 0 0-2.645-2.644M7 2.5a.5.5 0 0 0-1 0V3h-.5A1.5 1.5 0 0 0 4 4.5v12A1.5 1.5 0 0 0 5.5 18h3.503c.007-.114.025-.23.054-.347l.375-1.498a3.19 3.19 0 0 1 .84-1.485l4.83-4.83A2.85 2.85 0 0 1 16 9.232V4.5A1.5 1.5 0 0 0 14.5 3H14v-.5a.5.5 0 0 0-1 0V3h-2.5v-.5a.5.5 0 0 0-1 0V3H7zM7.5 7h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1m5.5 3.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h5a.5.5 0 0 1 .5.5M7.5 13h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1"%2F%3E%3C%2Fsvg%3E'); background-position: top 16px right 16px; background-size: 35px; background-repeat: no-repeat; background-blend-mode: normal;} .kit-BXBGL-k4 h3 {color: #659362; padding-right: 80px; width: calc(100% - 80px);} /*.kit-BXBGL-k4 p:first-line {color: #659362; padding-right: 80px; width: calc(100% - 80px);}*/ /* Exercise */ .kit-BXBGL-k5 {background-color: #fff; border: solid 2px #C0A452; background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="30" height="30" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="%23c0a452" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"%3E%3Cpath d="M6.818 22v-2.857C6.52 16.166 3 14.572 3 10c0-4.57 2.727-8.056 8.182-8c3.927.042 7.636 2.286 7.636 6.858L21 12.286c0 2.286-2.182 2.286-2.182 2.286s.546 5.714-4.364 5.714V22"%2F%3E%3Cpath d="M11 12a2 2 0 1 0 0-4a2 2 0 0 0 0 4"%2F%3E%3Cpath stroke-dasharray=".3 2" d="M11 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6"%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-position: bottom 0px right 16px; background-size: 35px; background-repeat: no-repeat; background-blend-mode: normal;} .kit-BXBGL-k5 h3 {color: #B49741; padding-right: 80px; width: calc(100% - 80px);} /* eeeee eeeee eeeee e eeee eeeee 8 8 8 8 8 8 8 8 " 8e 8eee8 8eee8e 8e 8eee 8eeee 88 88 8 88 8 88 88 88 88 88 8 88eee8 88eee 88ee 8ee88 */ /* Table (highlighted first row) */ .kit-BXBGL-k6 td {border: 1px solid #99B593; background: #EEEFE6; color: #000; } .kit-BXBGL-k6 tr:nth-child(1) td {background: #BBCCB4; color: #000;} .kit-BXBGL-k6 tr:nth-child(2n+3) td {background: #E6E9DE; color: #000} .kit-BXBGL-table-center table p {text-align: center;} .kit-BXBGL-table-first-left table td:first-child p {text-align: left;} .kit-BXBGL-table-3rd-column table td:last-child {width: 33%;} /* Slider top space */ /*.kit-BXBGL-k7 .slick-slide {padding-top: 38px;}*/ /* Hide exercise title */ .kit-BXBGL-k8 .exercise .head h3 {display: none;} /* $$\ $$\ $$ | \__| $$$$$$$\ $$$$$$\ $$$$$$$\ $$$$$$\ $$\ $$$$$$\ $$$$$$$\ $$$$$$$\ $$ _____|$$ __$$\ $$ _____|\_$$ _| $$ |$$ __$$\ $$ __$$\ $$ _____| \$$$$$$\ $$$$$$$$ |$$ / $$ | $$ |$$ / $$ |$$ | $$ |\$$$$$$\ \____$$\ $$ ____|$$ | $$ |$$\ $$ |$$ | $$ |$$ | $$ | \____$$\ $$$$$$$ |\$$$$$$$\ \$$$$$$$\ \$$$$ |$$ |\$$$$$$ |$$ | $$ |$$$$$$$ | \_______/ \_______| \_______| \____/ \__| \______/ \__| \__|\_______/ */ .kit-BXBGL-s1, .kit-BXBGL-s2, .kit-BXBGL-s3, .kit-BXBGL-s4, .kit-BXBGL-s5 {} .kit-BXBGL-s1 {background-color: #000; color: white;} /* Chapter header */ .kit-BXBGL-s2 {background-color: #fffdbd;} /* Chapter header */ .kit-BXBGL-s2 {color:#FFECD6; background: url('https://opiqke.blob.core.windows.net/kitcontent/f8c7a70d-8390-42cf-8bab-6a1a21287a03/1be92281-5650-4c41-86ac-a85982e561b2/d7999c71-ac26-4427-8a6d-58c057faf429.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="30" height="30" viewBox="0 0 24 24"%3E%3Cpath fill="%2390ad87" d="M10.5 2A2.5 2.5 0 0 1 13 4.5V14h1V4.47c0-.91-.37-1.77-1-2.42c.17-.05.33-.05.5-.05A2.5 2.5 0 0 1 16 4.5V14h1v3c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1v-3h1V4.5A2.5 2.5 0 0 1 10.5 2m0 2c-.28 0-.5.22-.5.5V14h1V4.5c0-.28-.22-.5-.5-.5M9 20h6v1c0 .55-.45 1-1 1h-4c-.55 0-1-.45-1-1z"%2F%3E%3C%2Fsvg%3E'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="30" height="30" viewBox="0 0 24 24"%3E%3Cpath fill="%2390ad87" d="M15.442.718a2.58 2.58 0 0 0-2.579 2.579a2.58 2.58 0 0 0 1.368 2.275L12.809 8.27a3.505 3.505 0 0 0-1.077-.172a3.505 3.505 0 0 0-3.505 3.505a3.505 3.505 0 0 0 .085.745l-2.83 1.036a2.97 2.97 0 0 0-2.513-1.39A2.97 2.97 0 0 0 0 14.962a2.97 2.97 0 0 0 2.97 2.97a2.97 2.97 0 0 0 2.969-2.97a2.97 2.97 0 0 0-.072-.634l2.716-1.193a3.505 3.505 0 0 0 3.15 1.972a3.505 3.505 0 0 0 2.129-.724l2.276 2.167a4.305 4.305 0 0 0-.749 2.426a4.305 4.305 0 0 0 4.306 4.305A4.305 4.305 0 0 0 24 18.977a4.305 4.305 0 0 0-4.305-4.305a4.305 4.305 0 0 0-2.718.969l-2.424-1.964a3.505 3.505 0 0 0 .684-2.074a3.505 3.505 0 0 0-1.521-2.89l1.204-2.891a2.58 2.58 0 0 0 .522.054a2.58 2.58 0 0 0 2.58-2.58a2.58 2.58 0 0 0-2.58-2.578"%2F%3E%3C%2Fsvg%3E'), linear-gradient(180deg, #779E72 0%, #89A981 100%); background-position: left, 20px 70px, right 20px bottom 20px , left ; background-size: 200px, 80px, 200px, auto; background-repeat: repeat, no-repeat, no-repeat, repeat; background-blend-mode: lighten, normal, normal, normal; } .kit-BXBGL-s2 h1 {color:#FFECD6; text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;} /* Project */ .kit-BXBGL-s3 {background-color: #F7F5EE; background-image: url('https://opiqke.blob.core.windows.net/kitcontent/f8c7a70d-8390-42cf-8bab-6a1a21287a03/1be92281-5650-4c41-86ac-a85982e561b2/d7999c71-ac26-4427-8a6d-58c057faf429.svg'); background-size: 150px; background-blend-mode: difference;} .kit-BXBGL-s3 h2 {color: #659362; border-bottom: solid 2px #659362;} /* Revision Questions */ .kit-BXBGL-s4 {background-color: #FFFAF6; background-image: url('https://opiqke.blob.core.windows.net/kitcontent/f8c7a70d-8390-42cf-8bab-6a1a21287a03/1be92281-5650-4c41-86ac-a85982e561b2/d7999c71-ac26-4427-8a6d-58c057faf429.svg'); background-size: 150px; background-blend-mode: difference;} .kit-BXBGL-s4 h2 {color: #2E83A2; border-bottom: solid 2px #2E83A2;} .kit-BXBGL-s4 h2.sectionTitle {padding-left: 50px !important; background-position: center left; background-size: 37px; background-repeat: no-repeat;} @media (max-width: 768px) { .kit-BXBGL-s4 h2.sectionTitle {width: calc(100% - 48px);} } .kit-BXBGL-s4 h2.sectionTitle {background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="30" height="30" viewBox="0 0 20 20"%3E%3Cg fill="%232e83a2"%3E%3Cpath d="M14.5 1a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9m.624 7.005a.625.625 0 1 0-1.249 0a.625.625 0 0 0 1.25 0m1.23-3.552c0-1.104-.823-1.95-1.854-1.95c-1.048 0-1.864.818-1.853 1.955a.5.5 0 1 0 1-.01c-.006-.579.36-.945.853-.945c.472 0 .853.392.853.95c0 .202-.07.315-.36.544l-.277.215C14.21 5.616 14 5.929 14 6.5a.5.5 0 0 0 .992.09l.011-.156c.017-.148.1-.254.346-.448l.277-.215c.513-.41.727-.732.727-1.318M14.5 11c.112 0 .224-.003.335-.01a2.5 2.5 0 0 1-.198.425l-3.463 5.907a1.372 1.372 0 0 1-.674.58v-7.036a1 1 0 0 0 .456-1.16A5.478 5.478 0 0 0 14.5 11"%2F%3E%3Cpath d="M9 5.5c0 1.35.486 2.587 1.294 3.544a1 1 0 0 0-.794 1.822v7.044a1.372 1.372 0 0 1-.694-.588l-3.463-5.907a2.5 2.5 0 0 1-.102-2.335L6.7 6h-.2A1.5 1.5 0 0 1 5 4.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 0 .5.5h2.522A5.57 5.57 0 0 0 9 5.5"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');} /* Light background */ .kit-BXBGL-s5 {background-color: #E7E1D3; background-image: url('https://opiqke.blob.core.windows.net/kitcontent/f8c7a70d-8390-42cf-8bab-6a1a21287a03/1be92281-5650-4c41-86ac-a85982e561b2/d7999c71-ac26-4427-8a6d-58c057faf429.svg'); background-size: 150px; background-blend-mode: difference;}