@pimaonline/pimaonline-themepack 2.1.10 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/README.md +1 -1
  2. package/dist/css/main.css +1 -1
  3. package/dist/css/themes/aviation/styles.css +1 -0
  4. package/dist/css/themes/cis/styles.css +1 -0
  5. package/dist/css/themes/culinary/styles.css +1 -1
  6. package/dist/css/themes/ece/styles.css +1 -1
  7. package/dist/css/themes/lgm/styles.css +1 -0
  8. package/dist/css/themes/mgt/styles.css +1 -0
  9. package/dist/css/themes/pht/styles.css +1 -0
  10. package/dist/js/scripts2.js +8 -1
  11. package/package.json +4 -4
package/README.md CHANGED
@@ -4,7 +4,7 @@ The PimaOnline Themepack is a web development toolkit for building online course
4
4
 
5
5
  ## Version
6
6
 
7
- 2.1.10
7
+ 2.2.0
8
8
 
9
9
  ## What's included
10
10
 
package/dist/css/main.css CHANGED
@@ -1 +1 @@
1
- :root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}#main{margin:10px auto;max-width:95%}@media screen and (min-width: 660px){#main{margin:15px auto}}@media screen and (min-width: 768px){#main{margin:20px auto;max-width:998px;padding:5px}}.header{margin-bottom:10px}.header img{margin:0 !important}.video-container{margin:30px 0;position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.card-horizontal{margin-bottom:45px}.card-horizontal>:first-child{flex-basis:70%;margin-right:2%}.card-horizontal>:last-child{flex-basis:30%}.card-horizontal>.card-body{flex-basis:70%;margin-right:2%}.card-horizontal>.card-img{flex-basis:30%}.card-horizontal h1,.card-horizontal h2,.card-horizontal h3,.card-horizontal h4{margin-top:0}.card-horizontal img{margin:0}@media screen and (min-width: 730px){.card-horizontal{display:flex;justify-content:flex-start}}.border{background-color:rgba(0,174,239,.06);border-left:3px solid #045594;margin:25px 0;padding:10px}.border h1,.border h2,.border h3,.border h4{font-weight:700;margin:0 0 5px 0}@media screen and (min-width: 768px){.border{padding:15px}}.border-yellow{background-color:#fcf9c3 !important;border:none;border-left:none;border-radius:0;border-top:2px solid #fdc82e !important;overflow:hidden;position:relative}.border-yellow::before{border-color:#fcf983 #fff;border-style:solid;border-width:18px 18px 0 0;bottom:0;-webkit-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);-moz-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);content:"";position:absolute;right:0}.border-yellow h1,.border-yellow h2,.border-yellow h3,.border-yellow h4,.border-yellow p{color:#000;margin:0 0 10px 0}.side-by-side{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 20px 0}.side-by-side-item{flex-basis:100%;margin:10px 0;padding:0}.side-by-side-item figure{margin:0}@media screen and (min-width: 730px){.side-by-side-item{flex-basis:49%;margin:20px 0;padding:3px}}#main-two-column{margin:0 auto;max-width:1170px;padding:5px}#main-two-column .header{max-width:1170px}#main-two-column .content-body{align-self:stretch;display:block;flex-basis:100%;margin:0;padding:5px 20px 5px 20px;vertical-align:top}.two-column-wrapper{align-items:stretch;display:block;margin:0 auto;max-width:1170px}@media screen and (min-width: 730px){.two-column-wrapper{align-items:flex-start;align-content:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-width:1170px;margin:auto}}@media screen and (min-width: 730px){#main-two-column .content-body{display:block;flex-basis:65%;padding:10px 20px}}@media screen and (min-width: 998px){#main-two-column .content-body{flex-basis:68%}}.sidebar{align-self:stretch;flex-basis:100%;margin:0;vertical-align:top}.sidebar h4{margin:0 0 10px 0}.sidebar ul{margin:0}.sidebar .border{margin:0}.sidebar .sidebar-item{overflow:hidden;padding:10px}.sidebar .sidebar-item:not(:last-child){margin:0 0 5px 0}@media screen and (min-width: 730px){.sidebar{flex-basis:28%;margin:0}}@media screen and (min-width: 998px){.sidebar{flex-basis:28%}}body{background-color:var(--color-pcc-white);background-repeat:no-repeat;background-size:contain;margin:0}@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}#one-column{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "footer";padding:15px 2.5%;width:95%}.header,#content-wrapper,footer{margin:0 auto;max-width:998px;width:100%}#content-wrapper{grid-area:body}#content-wrapper .content-body{width:96%;width:-moz-available;width:-webkit-fill-available}footer{grid-area:footer}footer .footnotes{padding:10px}#two-column,#two-col-widget{display:grid;grid-row-gap:10px;justify-content:center;padding:10px 2.5%;width:95%;margin:0 auto}#two-column{grid-template-areas:"header" "body" "second-column" "footer"}#two-col-widget{display:grid;grid-template-areas:"header" "body" "second-column" "column-widget" "footer"}#two-column .header,#two-col-widget .header,#two-column footer,#two-col-widget footer{max-width:1170px}#two-column #content-wrapper,#two-col-widget #content-wrapper,#second-column,#column-widget{display:flex;flex-flow:column;height:100%}#two-column .content-body:last-child,#two-col-widget .content-body:last-child{flex-grow:1}#column-widget{grid-area:column-widget}#second-column{grid-area:second-column}@media screen and (min-width: 700px){#two-column{grid-template-areas:"header header" "body second-column" "footer footer"}#two-col-widget{grid-template-areas:"header header" "body column-widget" "body second-column" "footer footer"}#two-column,#two-col-widget{grid-template-columns:minmax(360px, 830px) 330px;grid-column-gap:10px}}#three-column{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "second-column" "third-column" "quote-area" "footer";justify-content:center;padding:10px 2.5%;width:95%;margin:0 auto}#third-column{grid-area:third-column}#three-column .header,#three-column footer{max-width:1170px}#three-column #content-wrapper,#second-column,#third-column{display:flex;flex-flow:column;height:100%;max-width:100%}#three-column .content-body:last-child{flex-grow:1}@media screen and (min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer";grid-template-columns:minmax(360px, 830px) 330px;grid-column-gap:10px}}.header{grid-area:header;position:relative;text-align:center}.header .text-container{padding:10px 0 25px 0}.header .text-container:is(h1,h2,h3,h4,p){line-height:1.2;margin:auto;max-width:600px}.header .text-container p{font-size:1.255em}.header .text-container ul,.header .text-container ol{margin-left:30%;text-align:left}.header .text-container ul li,.header .text-container ol li{color:#fff}.header .text-container ul li::before,.header .text-container ul li::after,.header .text-container ol li::before,.header .text-container ol li::after{color:#fff}@media screen and (min-width: 730px){.header .text-container:is(h1,h2,h3,h4,p){max-width:760px}.header .text-container:is(h1,h2,h3,h4){line-height:1.1}.header .text-container p{line-height:1.155}}@media screen and (min-width: 998px){.header .text-container:is(h1,h2,h3,h4,p){max-width:1160px}.header .text-container:is(h1,h2,h3,h4){line-height:1.155}}.syllabus-header{background-color:#fff;justify-content:center;text-align:center}.syllabus-header img{border-bottom:none;box-shadow:none;margin:20px auto !important;max-width:290px}.syllabus-header h1{font-size:3.2em;margin-bottom:15px !important}.syllabus-header h2{margin-top:2px;text-align:center}.syllabus-header dl{display:flex;flex-wrap:wrap;margin:5px auto;padding:0px;justify-content:center;width:fit-content}.syllabus-header dl dt{display:block;margin:0px 5px;padding:0px}.caption{color:#666;font-size:.85em}.content-body{margin-bottom:10px;padding:15px;background-color:var(--color-pcc-white)}.content-body h2:first-child,.content-body h3:first-child{margin:0 0 20px 0}.content-body:last-child{margin-bottom:0px}video{object-fit:fill}.edit{color:#b20303;font-weight:bold}.highlight{background-color:transparent;background-image:linear-gradient(to bottom, #b4e7f8, #b4e7f8);border-bottom:2px solid #b4e7f8;border-left:2px solid #b4e7f8;border-right:2px solid #b4e7f8;border-top:2px solid #b4e7f8}.monospace{font-family:"Courier New",Courier,monospace}hr{border:none;border-bottom:1px solid rgba(13,13,13,.3);margin:10px}@media screen and (min-width: 768px){hr{margin:20px 0}}img{border-style:none;display:block;height:auto;margin:0 !important;max-width:100%}img .center{display:block;margin:25px auto}figure{margin:0}figure figcaption,figure .caption{border-bottom:1px solid rgba(13,13,13,.045);color:#666;font-size:.85em;font-style:italic;padding:0 0 5px 0}.label{border-radius:1px;color:#fff;display:inline;font-size:.7em;font-weight:700;line-height:1.5;margin:0;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap}.label-default{background-color:#1a618f}.label-muted{background-color:rgba(13,13,13,.15);color:#232323}ul,ol{list-style-position:outside;margin:0 0 10px 10px;padding:0 0 0 20px}ol li{margin-left:20px;padding-left:5px}li{margin-bottom:10px}ul>li{list-style-type:none}ul li{padding-left:8px;position:relative}ul>li::before{color:#05528f;content:"";display:inline-block;font-family:"FontAwesome";font-size:1em;font-weight:400;left:0;margin:0 5px 0 -15px;opacity:1;position:absolute}@media screen and (min-width: 660){li{margin-bottom:8px}}@media screen and (min-width: 768px){ul,ol{margin:0 0 10px 20px;padding:0 0 0 20px}ol li{margin-left:20px}}ul.two-col,ol.two-col{columns:1;padding-right:20px}@media screen and (min-width: 700px){ul.two-col,ol.two-col{columns:2}}ul.three-col,ol.three-col{columns:1;padding-right:20px}@media screen and (min-width: 400px){ul.three-col,ol.three-col{columns:2}}@media screen and (min-width: 700px){ul.three-col,ol.three-col{columns:3}}dt{display:block;float:none;min-width:100px;margin-right:5px;font-weight:700}dd{margin:0 0 15px 0 !important}a{word-break:break-word}a,a:visited,.toggle-footnotes{background-color:transparent;color:#005be2;text-decoration:underline}a:hover,a:active,.toggle-footnotes:hover{background-color:transparent;color:#00398f;text-decoration:underline}.toggle-btn:hover,.toggle-footnotes:hover{cursor:pointer;text-decoration:none}.toggle-footnotes{margin:5px;text-decoration:none}.toggle-btn-content,.footnotes{display:none}.show{display:block}.accordion{margin-bottom:15px}.accordion .accordion-title{background-color:rgba(13,13,13,.07);padding:10px}.accordion .accordion-title p{margin:0}.accordion .accordion-title:hover{background-color:rgba(13,13,13,.1)}.accordion .accordion-content{border:1px solid rgba(13,13,13,.07);padding:10px}.accordion .accordion-content p{margin:0}.accordion .arrow-right:after{background-image:url("https://d2l.pima.edu/shared/Templates/images/icons/arrow-right.svg");content:"";display:inline-block;height:16px;margin-left:5px;width:16px}.accordion .arrow-down:after{background-image:url("https://d2l.pima.edu/shared/Templates/images/icons/arrow-right.svg");content:"";display:inline-block;height:16px;margin-left:5px;transform:rotate(90deg);width:16px}button{background-color:#2e5e8e;color:#fff;border:none;font-size:1em;margin:5px;padding:10px}button button:hover{background-color:#1c3957}.btn{background-color:#2e5e8e;color:#fff;border:3px solid #2e5e8e;border-radius:.3em;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:5px 10px;margin:5px;text-decoration:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;vertical-align:middle}.btn:hover{background-color:#1c3957;color:#fff;text-decoration:none}.btn-primary{background-color:#045594;border-color:#045594;color:#fff}.btn-primary:hover{background-color:#03406f;border-color:#03406f;color:#fff}.btn-secondary{background-color:#f7902d;border-color:#f7902d;color:#fff}.btn-secondary:hover{background-color:#ec7709;border-color:#ec7709;color:#fff}.btn-tertiary{background-color:#00aeef;border-color:#00aeef;color:#fff}.btn-tertiary:hover{background-color:#0092c7;border-color:#0092c7;color:#fff}.btn-gray{background-color:#808285;border-color:#808285;color:#fff}.btn-gray:hover{background-color:#6c6e70;border-color:#6c6e70}.btn-lg{padding:25px 30px !important}.btn-xl{padding:35px 50px !important;font-size:1.5em;border-radius:.3em;line-height:1.5;border-width:.125em}.outline{background-color:transparent;color:#0d0d0d}.pill{border-radius:10em;padding:5px 20px}.full-width{display:block;width:100%;padding-left:0% !important;padding-right:0% !important;margin-left:0%;margin-right:0%}.list-group{margin:0 0 25px 0;padding:0}.list-group .list-group-item{margin:0;padding:5px 0}.list-group .list-group-item:not(:last-child){border-bottom:1px solid rgba(51,51,51,.0855)}ul li.list-group-item{list-style-type:none}ul li.list-group-item::before{content:none}.text-center{text-align:center}table{border-collapse:collapse !important;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:100;margin:40px 20px 15px 20px;text-rendering:optimizeLegibility}table th{font-size:1.0625em;font-weight:bold;line-height:normal;padding:5px;text-align:left;vertical-align:top;border:none}table thead,table tr,table td{border:1px solid rgba(13,13,13,.155);vertical-align:top}table caption{font-size:1.3rem;margin:.25rem;margin-bottom:.25rem}table thead th{font-weight:600}table thead th,table tbody td{font-size:1rem;padding:.8rem}table tbody tr{color:#0d0d0d;font-size:1rem;padding:.8rem}table.display-lg td,table.display-lg th{font-size:1em;padding:10px 10px 20px 10px}@media screen and (min-width: 730px){table{margin:20px 0 5px 0}}@media screen and (min-width: 998px){tr:nth-child(even){background:rgba(51,51,51,.05)}}@media screen and (max-width: 768px){table.display-lg{background:none;background-color:#fff;display:inline-table !important;margin:10px auto}table.display-lg thead{display:none}table.display-lg tbody td{display:block;padding:.6rem}table.display-lg tbody td a{color:var(--color-pcc-white)}table.display-lg tbody td a:hover{color:var(--color-pcc-ltgrey)}table.display-lg tbody td:first-child{background:rgba(13,13,13,.7);color:#fff}table.display-lg tbody td::before{content:attr(data-th) ": ";display:inline-block;font-weight:bold;padding-right:5px;width:auto}}td#alignright{text-align:right}footer ul{margin:10px}.footnotes{border-top:1px solid rgba(13,13,13,.09)}.no-margin{margin:0 !important}.no-padding{padding:0 !important}table.two-column-table{border-collapse:collapse;margin:0}table.two-column-table tr{border-bottom:15px solid transparent !important;display:table-row}table.two-column-table tr td{padding:0;vertical-align:top}table.two-column-table tr td:first-child{color:rgba(13,13,13,.45)}table.two-column-table tr td:first-child::after{content:":"}table.two-column-table tr td:nth-child(2){padding-left:5%;width:100%}table.two-column-table tr:nth-child(even){background:transparent}table.two-column-table h3{margin-top:0}table.two-column-table ul{list-style-type:none;margin-left:0;padding-left:0}table.two-column-table ul li:before{color:#1d4a69;content:"";font-family:"FontAwesome";font-size:1em;font-weight:400;margin-right:10px;opacity:1}table.two-column-table,table.two-column-table tr,table.two-column-table tr td{border:none}html{font-size:18px}body{font-family:"Lato",sans-serif;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.35}h1,h2,h3,h4,h5,h6{color:#045594;font-family:"Lato",sans-serif;padding-left:0px}h1{font-size:2.3em;font-weight:900;margin-bottom:5px;margin-top:0}h2{font-size:1.8em;font-weight:700;margin-bottom:20px;margin-top:45px}h3{font-size:1.3em;font-weight:400;margin-bottom:5px;margin-top:35px}h4,.font-size-h4{font-size:1.122em;font-weight:400;margin-bottom:5px;margin-top:15px}h4:first-child{margin-top:0px}h5,h6{color:#000;font-size:1em;font-weight:300;margin-bottom:5px;margin-top:30px}p{color:#000;font-size:1em;letter-spacing:-0.002em;line-height:1.35;margin:0 0 15px 0}p.lead{font-size:1.225em;font-weight:400;letter-spacing:-0.002em}.font-size-h3{font-size:1.463em;font-weight:300;margin-bottom:5px;margin-top:30px}blockquote{font-family:"Lato",sans-serif}@media screen and (min-width: 768px){h1{font-size:2.5em}h2{font-size:1.8em}h3{font-size:1.463em}.font-size-h3{font-size:1.463em}}.card-horizontal{margin-bottom:45px}.card-horizontal>:first-child{flex-basis:70%;margin-right:2%}.card-horizontal>:last-child{flex-basis:30%}.card-horizontal>.card-body{margin-right:2%;flex-basis:70%}.card-horizontal>.card-img{flex-basis:30%}.card-horizontal h1,.card-horizontal h2,.card-horizontal h3,.card-horizontal h4{margin-top:0}.card-horizontal img{margin:0}@media screen and (min-width: 730px){.card-horizontal{display:flex;justify-content:flex-start}}.hanging-indent{padding-left:48px;text-indent:-48px}.side-by-side{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 20px 0}.side-by-side-item{flex-basis:100%;margin:10px 0;padding:0}.side-by-side-item :is(figure,img){width:100%;margin:0 auto !important}@media screen and (min-width: 730px){.side-by-side-item{flex-basis:49%;margin:0}.side-by-side-item :is(figure,img){max-width:none;margin-left:auto !important}}.video-container{height:0;margin:30px 0;overflow:hidden;padding-bottom:56.25%;padding-top:35px;position:relative}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.media-container{border:1px solid rgba(51,51,51,.1);display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;margin:25px auto;padding:5px}.media-container.reverse{flex-direction:column-reverse}.media-container .media-object{overflow:hidden;padding-top:35px;padding-bottom:55%;position:relative;width:100%}.media-container .media-object iframe{height:100%;left:0;position:absolute;top:0;width:100%}.media-container .media-info{padding:15px 0;width:100%}.media-container .media-info p{margin:0}.media-container .media-info .ratio-16x9{padding-bottom:56.25% !important}@media screen and (min-width: 890px){.media-container{max-width:90%}}.ratio-4x3{padding-bottom:75% !important}.ratio-4x3-content{padding-bottom:78% !important}.ratio-3x2{padding-bottom:66.66% !important}.ratio-8x5{padding-bottom:62.5% !important}.ratio-1x1{padding-bottom:100% !important}.border{background-color:rgba(0,174,239,.06);border-left:3px solid #045594;margin:25px 0;padding:10px}.border h1,.border h2,.border h3,.border h4{margin:0 0 5px 0}@media screen and (min-width: 768px){.border{padding:15px}}.border-yellow{background-color:#fcf9c3 !important;border:none;border-left:none;border-radius:0;border-top:2px solid #fdc92e !important;overflow:hidden;position:relative}.border-yellow::before{border-width:18px 18px 0 0;border-style:solid;border-color:#fcf9c3 #fff;bottom:0;-webkit-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);-moz-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);content:"";position:absolute;right:0}.border-yellow h1,.border-yellow h2,.border-yellow h3,.border-yellow h4,.border-yellow p{color:#0d0d0d;margin:0 0 10px 0}blockquote{font-size:1.2em;line-height:1.3;margin:60px 0;padding:10px;position:relative}blockquote p,blockquote ul li,blockquote ol li{color:#393e54}blockquote::before{content:"";font-family:"FontAwesome";font-size:1em;position:absolute;right:50%;top:-20px}blockquote::after{bottom:-20px;content:"";font-family:"FontAwesome";font-size:1em;position:absolute;right:50%}@media screen and (min-width: 730px){blockquote{padding:20px 40px;margin:40px 0}blockquote::before{top:-5px}blockquote::after{bottom:-10px}}.border>blockquote{border-bottom:none}.menu-table{box-shadow:4px 5px 20px 0px #bbb;margin:20px;padding:15px}.menu-table table{background:transparent;margin:20px auto 5px auto}.menu-table table caption{color:#045594;padding-top:10px}.menu-table th{color:#0d0d0d;font-size:.85em !important;letter-spacing:2px;text-transform:uppercase}.menu-table td{background-image:linear-gradient(to right, #c8c8c8 33%, rgba(200, 200, 200, 0) 0%);background-position:bottom;background-repeat:repeat-x;background-size:6px 2px;padding-bottom:5px !important;padding-top:10px !important}.menu-table td:nth-child(even){margin-bottom:20px}.menu-table td:first-child{color:#045594 !important}.menu-table thead,.menu-table tr,.menu-table td,.menu-table th{background-color:transparent !important;border:none}.menu-table h2{border-bottom:none;text-align:center}.menu-table-inner{border:2px solid #045594;padding:20px 10px;position:relative}@media screen and (min-width: 769px){.menu-table th:nth-child(2),.menu-table th:nth-child(3),.menu-table td:nth-child(2),.menu-table td:nth-child(3){text-align:right}.menu-table tbody tr td:first-child{color:#000 !important}}.call-out{background-color:rgba(4,85,148,.2);margin:25px 0;padding:10px}.call-out::before{background:#045594;color:#fff;content:"Explore More";display:block;font-family:"Lato",Helvetica,sans-serif;font-size:1.3em;font-weight:700;margin:-10px -10px 10px -10px;padding:5px;text-align:center}.invite{background-color:#fff;box-shadow:4px 5px 10px 0px #bbb;margin:20px;padding:15px;text-align:center}.invite h2,.invite h3,.invite h4{border-bottom:none;margin-top:20px}.invite-inner{border:2px solid #045594;padding:5px 15px 5px 15px;position:relative}.invite-line{margin:-5px auto 0px auto}.content-body .invite-line,.column-right .invite-line{margin:-5px auto}.footer-gallery{background-color:#fff;border-bottom:1px solid rgba(13,13,13,.2);border-radius:0 0 2px 2px;box-shadow:0 8px 8px 0 rgba(13,13,13,.03);margin:0px auto 15px auto}.row{display:block;margin:0 auto;padding:0px}.column{margin:10px;max-width:100%;padding:10px}.column img{height:100%;min-height:100%;min-width:100%;object-fit:cover;object-position:center}@media screen and (min-width: 600px){.row{align-items:center;display:flex;justify-content:space-around;margin:0;padding:0px}.column{height:20vw;margin:0}}@media screen and (min-width: 730px){.column{height:15vw}.footer-gallery{width:100%}}@media screen and (min-width: 1038px){.column{height:200px;width:300px}}.card{width:100% !important}#nav_btn{display:flex;justify-content:center;margin:auto;position:relative;text-align:center;white-space:nowrap}#nav_btn button{background-color:#045594;border-radius:25px;display:flex;height:40px;margin:auto;text-align:center;width:40px}#nav_btn button:hover{background-color:#043e6b}.icon-next:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.icon-prev:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.icon-flip:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.separator{content:url("https://d2l.pima.edu/shared/Templates/images/widgets/separator.svg");padding:30px 0px 40px 0px}.imgBorder{border:1px solid #ddd;margin-left:20px;margin-right:0px;padding:10px}.tooltip{border-bottom:3px dotted rgba(58,91,104,.3);color:#3a5b68;display:inline-block;font-weight:900;position:relative;z-index:1}.tooltip:hover{color:rgba(58,91,104,.5)}.tooltip:hover>.tip-hover{display:block}.tooltip:hover .caption{display:inline-block;font-style:italic;font-size:.8em;font-weight:900;padding-bottom:10px !important}.tooltip:hover:after{border-color:transparent transparent #dde0e4 transparent;border-width:15px;border-style:solid;content:"";filter:drop-shadow(1px 1px 1px rgba(13, 13, 13, 0.2));left:50%;margin-left:-5px;position:absolute;top:80%;z-index:-1}.tooltip.hidden:after{display:none}.tip-hover{background-color:#dde0e4;border-radius:6px;box-shadow:2px 2px 1px rgba(13,13,13,.2);color:#282c2e;display:none;font-weight:400 !important;margin-left:-60px;padding:5px;position:absolute;text-align:center;top:45px;transition:opacity .3s;width:max-content}.tip-hover img{padding:10px;max-width:fit-content}.tip-hover .video-container{display:flex;flex-direction:column;height:100%;margin:2%;overflow:hidden;width:96%}.tip-hover .video-container iframe{border:none;flex-grow:1;margin:0;padding:0}.horizontal-display{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));grid-gap:10px;margin-bottom:1rem}@media screen and (min-width: 500px){.fixed-col2{grid-template-columns:repeat(2, minmax(150px, 1fr))}.fixed-col3{grid-template-columns:repeat(3, minmax(150px, 1fr))}.fixed-col4{grid-template-columns:repeat(4, minmax(150px, 1fr))}}#video-grid{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "footer";padding:15px 2.5%;width:95%}#video-grid #content-wrapper{max-width:1095px;z-index:1}#video-wrapper,.video-widget{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));justify-items:center}.video-widget .border{max-width:100%;grid-column:1/-1;justify-self:center}#video-wrapper .video-card,.video-widget .video-card{background:#fff;border-top:1px solid rgba(26,97,143,.3);box-shadow:1px 1px 10px 2px rgba(13,13,13,.15);box-sizing:border-box;height:auto;margin:15px;padding:10px 5px;position:relative;transition:.2s;width:300px}.two-card-col .video-card{margin:25px !important}#video-wrapper .video-card h2,.video-widget .video-card h2{margin-top:5px}#video-wrapper .video-card p,.video-widget .video-card p{font-size:.9em}#video-wrapper .video-card a.btn,.video-widget .video-card a.btn{display:block;margin:15px auto 5px;width:fit-content}#video-wrapper .card-content,.video-widget .card-content{bottom:15px;width:100%}#video-wrapper .card-content,.video-widget .card-content h3{font-size:1.122em;min-height:54px;font-weight:400;margin-bottom:5px;margin-top:15px}#video-wrapper .video-container,.video-widget .video-container,#video-wrapper .media-container,.video-widget .media-container{margin:10px auto}.video-card-header{font-size:1.1em;font-weight:900;margin-top:10px;text-align:center}@media all and (min-width: 900px){#video-wrapper:hover .video-card,.video-widget:hover .video-card{opacity:.6;transform:scale(0.98)}#video-wrapper .video-card:hover,.video-widget .video-card:hover{opacity:1;transform:scale(1.02)}}#second-column ul.assignments-widget,#second-column ol.assignments-widget{margin:0;padding:0}#content-wrapper ul.assignments-widget,#content-wrapper ol.assignments-widget{display:flex;flex-flow:row wrap;justify-content:space-between}li.assignment{background-color:var(--color-pcc-ltgrey);border-top:1px solid var(--color-pcc-primary);border-radius:0px;margin:0;margin-bottom:15px;padding:10px;transition:.3s}li.assignment:hover{transform:translate(0, -5px)}li.assignment h2,li.assignment h3,li.assignment h4{background-color:rgba(13,13,13,.03);font-size:1.15em;font-weight:600;margin:-10px -10px 10px -10px !important;padding:5px 10px}li.assignment ol li,li.assignment ul li{margin:0}li.assignment p,li.assignment ol,li.assignment ul,li.assignment .btn{font-size:.95em}li.assignment::before,li.assignment::marker{content:none}@media screen and (min-width: 576px){#content-wrapper li.assignment{flex-basis:45%}}@media screen and (min-width: 768px){#content-wrapper li.assignment{flex-basis:30%}}.modal-box.invisible{display:none}.gallery-wrapper{display:grid;grid-auto-rows:300px;grid-gap:10px;justify-items:center;margin:1rem 0}.close-img:hover{background-color:#f6f6f6;color:#0d0d0d}.image-box{width:100%}.image-box img{width:100%;height:100%;object-fit:cover;object-position:center}.image-box:focus-visible{outline:-webkit-focus-ring-color 2px solid;border-radius:2px}@media screen and (max-width: 768px){.modal-box{display:none}.hide-gallery{margin:5px 0 15px 0}.gallery-wrapper.invisible{display:none}}@media screen and (min-width: 500px){.gallery-wrapper{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-auto-rows:200px}}@media screen and (min-width: 768px){.hide-gallery{display:none}.gallery-wrapper{grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));grid-auto-rows:80px}.gallery-wrapper .image-box{position:relative;margin:auto;overflow:hidden;height:80px;width:100%}.gallery-wrapper .image-box img{max-width:100%;transition:all .3s;display:block;width:100%;height:100%;transform:scale(1);filter:grayscale(0.6);cursor:pointer;object-fit:cover}.gallery-wrapper .image-box:hover img{transform:scale(1.1);filter:grayscale(0)}.modal-box{position:fixed;height:100%;width:100%;background:rgba(13,13,13,.7);transition:all .33s ease-out;z-index:1;left:0;top:0}.modal-box .gallery-overlay{position:absolute;height:100%;width:100%;top:0;left:0;z-index:1}.modal-box--image{background:none;position:absolute;width:inherit;height:inherit;max-width:90%;z-index:3;left:50%;transform:translate(-50%, -50%);border:none;margin:0 auto;box-shadow:none;top:25%;max-height:2500px}.modal-box--image img{width:auto;position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:20px 20px 100px;border-radius:5px;box-shadow:5px 10px 20px rgba(13,13,13,.8);height:700px;object-fit:cover}.close-img{font-size:1rem;background-color:#0d0d0d;color:#fff;position:absolute;padding:10px 20px;border-radius:20px;top:900px;left:50%;cursor:pointer}.img-caption{position:absolute;top:68%;background-color:transparent}}@media screen and (min-width: 900px){.close-img{top:900px}.img-caption{top:68%}}@media screen and (min-width: 1024px){.modal-box--image{top:35%}.modal-box--image img{top:50%}.close-img{top:750px}.img-caption{top:63%}}dl.vocab-list{box-sizing:border-box;margin-top:15px;margin-bottom:15px}dl.vocab-list button{text-decoration:none;background-color:var(--color-pcc-primary);font-size:1em;margin:5px;padding:10px;color:#fff}dl.vocab-list button:hover{cursor:pointer;background-color:var(--color-primary);color:#fff}dl.vocab-list dt{background-color:var(--color-pcc-ltgrey);position:relative;color:var(--color-pcc-black);cursor:pointer;padding:10px 15px;text-align:left;border:none;outline:none;transition:.4s;margin:5px 0px}dl.vocab-list dt:focus-visible{outline:2px solid var(--color-pcc-black)}dl.vocab-list dt:hover{background-color:#d5cac9}dl.vocab-list dt::after{position:absolute;font-family:"Font Awesome";content:"➕";font-size:13px;color:var(--color-pcc-black);opacity:1;right:10px}dl.vocab-list dt.active::after{content:"➖"}dl.vocab-list dd{padding:10px 15px;display:none;border-style:inset;overflow:hidden;border:1px solid var(--color-pcc-ltgrey);margin-top:-5px;border-top:none}@media screen and (min-width: 700px){dl.vocab-list dd{padding:15px 10px}dl.vocab-list dt{padding:15px 35px 15px 10px}}.tabs{display:flex;flex-wrap:wrap;padding:0;margin-bottom:40px;max-width:860px}.tabs input{position:absolute;opacity:0}.tabs input:focus{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.tabs input:focus+label{outline:1px solid #006fbf}.tabs input:checked+label{background-color:var(--color-pcc-white);color:var(--color-pcc-black);z-index:2;transition:.5s}.tabs input:checked+label+.tab-panel{display:block;background-color:var(--color-pcc-white);z-index:1;border:2px solid #ccc}.tabs input:checked+label.hide-tab{background-color:var(--color-pcc-white);color:var(--color-pcc-black);text-decoration:underline}.tabs label{background-color:#6e6e6e;border:2px solid #ccc;border-bottom:none;width:100%;text-align:center;transition:.5s;color:var(--color-pcc-white)}.tabs label.hide-tab{background-color:transparent !important;border:none !important;color:var(--color-pcc-black)}.hide-panel{background-color:transparent !important;display:none !important}.tab-header:hover{cursor:pointer}@media(min-width: 700px){.tabs label{width:fit-content}.tab-panel{order:99}}.tab-panel{display:none;background:var(--color-pcc-white);padding:20px 10px;overflow:auto;width:100%;height:300px}.tab-panel>*{margin-top:20px}
1
+ :root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}#main{margin:10px auto;max-width:95%}@media screen and (min-width: 660px){#main{margin:15px auto}}@media screen and (min-width: 768px){#main{margin:20px auto;max-width:998px;padding:5px}}.header{margin-bottom:10px}.header img{margin:0 !important}.video-container{margin:30px 0;position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.card-horizontal{margin-bottom:45px}.card-horizontal>:first-child{flex-basis:70%;margin-right:2%}.card-horizontal>:last-child{flex-basis:30%}.card-horizontal>.card-body{flex-basis:70%;margin-right:2%}.card-horizontal>.card-img{flex-basis:30%}.card-horizontal h1,.card-horizontal h2,.card-horizontal h3,.card-horizontal h4{margin-top:0}.card-horizontal img{margin:0}@media screen and (min-width: 730px){.card-horizontal{display:flex;justify-content:flex-start}}.border{background-color:rgba(0,174,239,.06);border-left:3px solid #045594;margin:25px 0;padding:10px}.border h1,.border h2,.border h3,.border h4{font-weight:700;margin:0 0 5px 0}@media screen and (min-width: 768px){.border{padding:15px}}.border-yellow{background-color:#fcf9c3 !important;border:none;border-left:none;border-radius:0;border-top:2px solid #fdc82e !important;overflow:hidden;position:relative}.border-yellow::before{border-color:#fcf983 #fff;border-style:solid;border-width:18px 18px 0 0;bottom:0;-webkit-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);-moz-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);content:"";position:absolute;right:0}.border-yellow h1,.border-yellow h2,.border-yellow h3,.border-yellow h4,.border-yellow p{color:#000;margin:0 0 10px 0}.side-by-side{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 20px 0}.side-by-side-item{flex-basis:100%;margin:10px 0;padding:0}.side-by-side-item figure{margin:0}@media screen and (min-width: 730px){.side-by-side-item{flex-basis:49%;margin:20px 0;padding:3px}}#main-two-column{margin:0 auto;max-width:1170px;padding:5px}#main-two-column .header{max-width:1170px}#main-two-column .content-body{align-self:stretch;display:block;flex-basis:100%;margin:0;padding:5px 20px 5px 20px;vertical-align:top}.two-column-wrapper{align-items:stretch;display:block;margin:0 auto;max-width:1170px}@media screen and (min-width: 730px){.two-column-wrapper{align-items:flex-start;align-content:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-width:1170px;margin:auto}}@media screen and (min-width: 730px){#main-two-column .content-body{display:block;flex-basis:65%;padding:10px 20px}}@media screen and (min-width: 998px){#main-two-column .content-body{flex-basis:68%}}.sidebar{align-self:stretch;flex-basis:100%;margin:0;vertical-align:top}.sidebar h4{margin:0 0 10px 0}.sidebar ul{margin:0}.sidebar .border{margin:0}.sidebar .sidebar-item{overflow:hidden;padding:10px}.sidebar .sidebar-item:not(:last-child){margin:0 0 5px 0}@media screen and (min-width: 730px){.sidebar{flex-basis:28%;margin:0}}@media screen and (min-width: 998px){.sidebar{flex-basis:28%}}body{background-color:var(--color-pcc-white);background-repeat:no-repeat;background-size:contain;margin:0}@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}#one-column{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "footer";padding:15px 2.5%;width:95%}.header,#content-wrapper,footer{margin:0 auto;max-width:998px;width:100%}#content-wrapper{grid-area:body}#content-wrapper .content-body{width:96%;width:-moz-available;width:-webkit-fill-available}footer{grid-area:footer}footer .footnotes{padding:10px}#two-column,#two-col-widget{display:grid;grid-row-gap:10px;justify-content:center;padding:10px 2.5%;width:95%;margin:0 auto}#two-column{grid-template-areas:"header" "body" "second-column" "footer"}#two-col-widget{display:grid;grid-template-areas:"header" "body" "second-column" "column-widget" "footer"}#two-column .header,#two-col-widget .header,#two-column footer,#two-col-widget footer{max-width:1170px}#two-column #content-wrapper,#two-col-widget #content-wrapper,#second-column,#column-widget{display:flex;flex-flow:column;height:100%}#two-column .content-body:last-child,#two-col-widget .content-body:last-child{flex-grow:1}#column-widget{grid-area:column-widget}#second-column{grid-area:second-column}@media screen and (min-width: 700px){#two-column{grid-template-areas:"header header" "body second-column" "footer footer"}#two-col-widget{grid-template-areas:"header header" "body column-widget" "body second-column" "footer footer"}#two-column,#two-col-widget{grid-template-columns:minmax(360px, 830px) 330px;grid-column-gap:10px}}#three-column{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "second-column" "third-column" "quote-area" "footer";justify-content:center;padding:10px 2.5%;width:95%;margin:0 auto}#third-column{grid-area:third-column}#three-column .header,#three-column footer{max-width:1170px}#three-column #content-wrapper,#second-column,#third-column{display:flex;flex-flow:column;height:100%;max-width:100%}#three-column .content-body:last-child{flex-grow:1}@media screen and (min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer";grid-template-columns:minmax(360px, 830px) 330px;grid-column-gap:10px}}.header{grid-area:header;position:relative;text-align:center}.header .text-container{padding:10px 0 25px 0}.header .text-container:is(h1,h2,h3,h4,p){line-height:1.2;margin:auto;max-width:600px}.header .text-container p{font-size:1.255em}.header .text-container ul,.header .text-container ol{margin-left:30%;text-align:left}.header .text-container ul li,.header .text-container ol li{color:#fff}.header .text-container ul li::before,.header .text-container ul li::after,.header .text-container ol li::before,.header .text-container ol li::after{color:#fff}@media screen and (min-width: 730px){.header .text-container:is(h1,h2,h3,h4,p){max-width:760px}.header .text-container:is(h1,h2,h3,h4){line-height:1.1}.header .text-container p{line-height:1.155}}@media screen and (min-width: 998px){.header .text-container:is(h1,h2,h3,h4,p){max-width:1160px}.header .text-container:is(h1,h2,h3,h4){line-height:1.155}}.syllabus-header{background-color:#fff;justify-content:center;text-align:center}.syllabus-header img{border-bottom:none;box-shadow:none;margin:20px auto !important;max-width:290px}.syllabus-header h1{font-size:3.2em;margin-bottom:15px !important}.syllabus-header h2{margin-top:2px;text-align:center}.syllabus-header dl{display:flex;flex-wrap:wrap;margin:5px auto;padding:0px;justify-content:center;width:fit-content}.syllabus-header dl dt{display:block;margin:0px 5px;padding:0px}.caption{color:#666;font-size:.85em}.content-body{margin-bottom:10px;padding:15px;background-color:var(--color-pcc-white)}.content-body h2:first-child,.content-body h3:first-child{margin:0 0 20px 0}.content-body:last-child{margin-bottom:0px}video{object-fit:fill}.edit{color:#b20303;font-weight:bold}.highlight{background-color:transparent;background-image:linear-gradient(to bottom, #b4e7f8, #b4e7f8);border-bottom:2px solid #b4e7f8;border-left:2px solid #b4e7f8;border-right:2px solid #b4e7f8;border-top:2px solid #b4e7f8}.monospace{font-family:"Courier New",Courier,monospace}hr{border:none;border-bottom:1px solid rgba(13,13,13,.3);margin:10px}@media screen and (min-width: 768px){hr{margin:20px 0}}img{border-style:none;display:block;height:auto;margin:0 !important;max-width:100%}img .center{display:block;margin:25px auto}figure{margin:0}figure figcaption,figure .caption{border-bottom:1px solid rgba(13,13,13,.045);color:#666;font-size:.85em;font-style:italic;padding:0 0 5px 0}.label{border-radius:1px;color:#fff;display:inline;font-size:.7em;font-weight:700;line-height:1.5;margin:0;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap}.label-default{background-color:#1a618f}.label-muted{background-color:rgba(13,13,13,.15);color:#232323}ul,ol{list-style-position:outside;margin:0 0 10px 10px;padding:0 0 0 20px}ol li{margin-left:20px;padding-left:5px}li{margin-bottom:10px}ul>li{list-style-type:none}ul li{padding-left:8px;position:relative}ul>li::before{color:#05528f;content:"";display:inline-block;font-family:"FontAwesome";font-size:1em;font-weight:400;left:0;margin:0 5px 0 -15px;opacity:1;position:absolute}@media screen and (min-width: 660){li{margin-bottom:8px}}@media screen and (min-width: 768px){ul,ol{margin:0 0 10px 20px;padding:0 0 0 20px}ol li{margin-left:20px}}ul.two-col,ol.two-col{columns:1;padding-right:20px}@media screen and (min-width: 700px){ul.two-col,ol.two-col{columns:2}}ul.three-col,ol.three-col{columns:1;padding-right:20px}@media screen and (min-width: 400px){ul.three-col,ol.three-col{columns:2}}@media screen and (min-width: 700px){ul.three-col,ol.three-col{columns:3}}dt{display:block;float:none;min-width:100px;margin-right:5px;font-weight:700}dd{margin:0 0 15px 0 !important}a{word-break:break-word}a,a:visited,.toggle-footnotes{background-color:transparent;color:#005be2;text-decoration:underline}a:hover,a:active,.toggle-footnotes:hover{background-color:transparent;color:#00398f;text-decoration:underline}.toggle-btn:hover,.toggle-footnotes:hover{cursor:pointer;text-decoration:none}.toggle-footnotes{margin:5px;text-decoration:none}.toggle-btn-content,.footnotes{display:none}.show{display:block}.accordion{margin-bottom:15px}.accordion .accordion-title{background-color:rgba(13,13,13,.07);padding:10px}.accordion .accordion-title p{margin:0}.accordion .accordion-title:hover{background-color:rgba(13,13,13,.1)}.accordion .accordion-content{border:1px solid rgba(13,13,13,.07);padding:10px}.accordion .accordion-content p{margin:0}.accordion .arrow-right:after{background-image:url("https://d2l.pima.edu/shared/Templates/images/icons/arrow-right.svg");content:"";display:inline-block;height:16px;margin-left:5px;width:16px}.accordion .arrow-down:after{background-image:url("https://d2l.pima.edu/shared/Templates/images/icons/arrow-right.svg");content:"";display:inline-block;height:16px;margin-left:5px;transform:rotate(90deg);width:16px}button{background-color:#2e5e8e;color:#fff;border:none;font-size:1em;margin:5px;padding:10px}button button:hover{background-color:#1c3957}.btn{background-color:#2e5e8e;color:#fff;border:3px solid #2e5e8e;border-radius:.3em;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:5px 10px;margin:5px;text-decoration:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;vertical-align:middle}.btn:hover{background-color:#1c3957;color:#fff;text-decoration:none}.btn-primary{background-color:#045594;border-color:#045594;color:#fff}.btn-primary:hover{background-color:#03406f;border-color:#03406f;color:#fff}.btn-secondary{background-color:#f7902d;border-color:#f7902d;color:#fff}.btn-secondary:hover{background-color:#ec7709;border-color:#ec7709;color:#fff}.btn-tertiary{background-color:#00aeef;border-color:#00aeef;color:#fff}.btn-tertiary:hover{background-color:#0092c7;border-color:#0092c7;color:#fff}.btn-gray{background-color:#808285;border-color:#808285;color:#fff}.btn-gray:hover{background-color:#6c6e70;border-color:#6c6e70}.btn-lg{padding:25px 30px !important}.btn-xl{padding:35px 50px !important;font-size:1.5em;border-radius:.3em;line-height:1.5;border-width:.125em}.outline{background-color:transparent;color:#0d0d0d}.pill{border-radius:10em;padding:5px 20px}.full-width{display:block;width:100%;padding-left:0% !important;padding-right:0% !important;margin-left:0%;margin-right:0%}.list-group{margin:0 0 25px 0;padding:0}.list-group .list-group-item{margin:0;padding:5px 0}.list-group .list-group-item:not(:last-child){border-bottom:1px solid rgba(51,51,51,.0855)}ul li.list-group-item{list-style-type:none}ul li.list-group-item::before{content:none}.text-center{text-align:center}table{border-collapse:collapse !important;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:100;margin:40px 20px 15px 20px;text-rendering:optimizeLegibility}table th{font-size:1.0625em;font-weight:bold;line-height:normal;padding:5px;text-align:left;vertical-align:top;border:none}table thead,table tr,table td{border:1px solid rgba(13,13,13,.155);vertical-align:top}table caption{font-size:1.3rem;margin:.25rem;margin-bottom:.25rem}table thead th{font-weight:600}table thead th,table tbody td{font-size:1rem;padding:.8rem}table tbody tr{color:#0d0d0d;font-size:1rem;padding:.8rem}table.display-lg{width:100%}table.display-lg td,table.display-lg th{font-size:1em;padding:10px 10px 20px 10px}@media screen and (min-width: 730px){table{margin:20px 0 5px 0}}@media screen and (min-width: 768px){table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(2){width:20%}}@media screen and (min-width: 998px){tr:nth-child(even){background:rgba(51,51,51,.05)}}@media screen and (max-width: 768px){table.display-lg{background:none;background-color:#fff;display:inline-table !important;margin:10px auto}table.display-lg thead{display:none}table.display-lg tbody td{display:block;padding:.6rem}table.display-lg tbody td a{color:var(--color-pcc-white)}table.display-lg tbody td a:hover{color:var(--color-pcc-ltgrey)}table.display-lg tbody td:first-child{background:rgba(13,13,13,.7);color:#fff}table.display-lg tbody td::before{content:attr(data-th) ": ";display:inline-block;font-weight:bold;padding-right:5px;width:auto}}td#alignright{text-align:right}footer ul{margin:10px}.footnotes{border-top:1px solid rgba(13,13,13,.09)}.no-margin{margin:0 !important}.no-padding{padding:0 !important}table.two-column-table{border-collapse:collapse;margin:0}table.two-column-table tr{border-bottom:15px solid transparent !important;display:table-row}table.two-column-table tr td{padding:0;vertical-align:top}table.two-column-table tr td:first-child{color:rgba(13,13,13,.45)}table.two-column-table tr td:first-child::after{content:":"}table.two-column-table tr td:nth-child(2){padding-left:5%;width:100%}table.two-column-table tr:nth-child(even){background:transparent}table.two-column-table h3{margin-top:0}table.two-column-table ul{list-style-type:none;margin-left:0;padding-left:0}table.two-column-table ul li:before{color:#1d4a69;content:"";font-family:"FontAwesome";font-size:1em;font-weight:400;margin-right:10px;opacity:1}table.two-column-table,table.two-column-table tr,table.two-column-table tr td{border:none}html{font-size:18px}body{font-family:"Lato",sans-serif;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.35}h1,h2,h3,h4,h5,h6{color:#045594;font-family:"Lato",sans-serif;padding-left:0px}h1{font-size:2.3em;font-weight:900;margin-bottom:5px;margin-top:0}h2{font-size:1.8em;font-weight:700;margin-bottom:20px;margin-top:45px}h3{font-size:1.3em;font-weight:400;margin-bottom:5px;margin-top:35px}h4,.font-size-h4{font-size:1.122em;font-weight:400;margin-bottom:5px;margin-top:15px}h4:first-child{margin-top:0px}h5,h6{color:#000;font-size:1em;font-weight:300;margin-bottom:5px;margin-top:30px}p{color:#000;font-size:1em;letter-spacing:-0.002em;line-height:1.35;margin:0 0 15px 0}p.lead{font-size:1.225em;font-weight:400;letter-spacing:-0.002em}.font-size-h3{font-size:1.463em;font-weight:300;margin-bottom:5px;margin-top:30px}blockquote{font-family:"Lato",sans-serif}@media screen and (min-width: 768px){h1{font-size:2.5em}h2{font-size:1.8em}h3{font-size:1.463em}.font-size-h3{font-size:1.463em}}.card-horizontal{margin-bottom:45px}.card-horizontal>:first-child{flex-basis:70%;margin-right:2%}.card-horizontal>:last-child{flex-basis:30%}.card-horizontal>.card-body{margin-right:2%;flex-basis:70%}.card-horizontal>.card-img{flex-basis:30%}.card-horizontal h1,.card-horizontal h2,.card-horizontal h3,.card-horizontal h4{margin-top:0}.card-horizontal img{margin:0}@media screen and (min-width: 730px){.card-horizontal{display:flex;justify-content:flex-start}}.hanging-indent{padding-left:48px;text-indent:-48px}.side-by-side{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 20px 0}.side-by-side-item{flex-basis:100%;margin:10px 0;padding:0}.side-by-side-item :is(figure,img){width:100%;margin:0 auto !important}@media screen and (min-width: 730px){.side-by-side-item{flex-basis:49%;margin:0}.side-by-side-item :is(figure,img){max-width:none;margin-left:auto !important}}.video-container{height:0;margin:30px 0;overflow:hidden;padding-bottom:56.25%;padding-top:35px;position:relative}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.media-container{border:1px solid rgba(51,51,51,.1);display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;margin:25px auto;padding:5px}.media-container.reverse{flex-direction:column-reverse}.media-container .media-object{overflow:hidden;padding-top:35px;padding-bottom:55%;position:relative;width:100%}.media-container .media-object iframe{height:100%;left:0;position:absolute;top:0;width:100%}.media-container .media-info{padding:15px 0;width:100%}.media-container .media-info p{margin:0}.media-container .media-info .ratio-16x9{padding-bottom:56.25% !important}@media screen and (min-width: 890px){.media-container{max-width:90%}}.ratio-4x3{padding-bottom:75% !important}.ratio-4x3-content{padding-bottom:78% !important}.ratio-3x2{padding-bottom:66.66% !important}.ratio-8x5{padding-bottom:62.5% !important}.ratio-1x1{padding-bottom:100% !important}.border{background-color:rgba(0,174,239,.06);border-left:3px solid #045594;margin:25px 0;padding:10px}.border h1,.border h2,.border h3,.border h4{margin:0 0 5px 0}@media screen and (min-width: 768px){.border{padding:15px}}.border-yellow{background-color:#fcf9c3 !important;border:none;border-left:none;border-radius:0;border-top:2px solid #fdc92e !important;overflow:hidden;position:relative}.border-yellow::before{border-width:18px 18px 0 0;border-style:solid;border-color:#fcf9c3 #fff;bottom:0;-webkit-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);-moz-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);content:"";position:absolute;right:0}.border-yellow h1,.border-yellow h2,.border-yellow h3,.border-yellow h4,.border-yellow p{color:#0d0d0d;margin:0 0 10px 0}blockquote{font-size:1.2em;line-height:1.3;margin:60px 0;padding:10px;position:relative}blockquote p,blockquote ul li,blockquote ol li{color:#393e54}blockquote::before{content:"";font-family:"FontAwesome";font-size:1em;position:absolute;right:50%;top:-20px}blockquote::after{bottom:-20px;content:"";font-family:"FontAwesome";font-size:1em;position:absolute;right:50%}@media screen and (min-width: 730px){blockquote{padding:20px 40px;margin:40px 0}blockquote::before{top:-5px}blockquote::after{bottom:-10px}}.border>blockquote{border-bottom:none}.menu-table{box-shadow:4px 5px 20px 0px #bbb;margin:20px;padding:15px}.menu-table table{background:transparent;margin:20px auto 5px auto}.menu-table table caption{color:#045594;padding-top:10px}.menu-table th{color:#0d0d0d;font-size:.85em !important;letter-spacing:2px;text-transform:uppercase}.menu-table td{background-image:linear-gradient(to right, #c8c8c8 33%, rgba(200, 200, 200, 0) 0%);background-position:bottom;background-repeat:repeat-x;background-size:6px 2px;padding-bottom:5px !important;padding-top:10px !important}.menu-table td:nth-child(even){margin-bottom:20px}.menu-table td:first-child{color:#045594 !important}.menu-table thead,.menu-table tr,.menu-table td,.menu-table th{background-color:transparent !important;border:none}.menu-table h2{border-bottom:none;text-align:center}.menu-table-inner{border:2px solid #045594;padding:20px 10px;position:relative}@media screen and (min-width: 769px){.menu-table th:nth-child(2),.menu-table th:nth-child(3),.menu-table td:nth-child(2),.menu-table td:nth-child(3){text-align:right}.menu-table tbody tr td:first-child{color:#000 !important}}.call-out{background-color:rgba(4,85,148,.2);margin:25px 0;padding:10px}.call-out::before{background:#045594;color:#fff;content:"Explore More";display:block;font-family:"Lato",Helvetica,sans-serif;font-size:1.3em;font-weight:700;margin:-10px -10px 10px -10px;padding:5px;text-align:center}.invite{background-color:#fff;box-shadow:4px 5px 10px 0px #bbb;margin:20px;padding:15px;text-align:center}.invite h2,.invite h3,.invite h4{border-bottom:none;margin-top:20px}.invite-inner{border:2px solid #045594;padding:5px 15px 5px 15px;position:relative}.invite-line{margin:-5px auto 0px auto}.content-body .invite-line,.column-right .invite-line{margin:-5px auto}.footer-gallery{background-color:#fff;border-bottom:1px solid rgba(13,13,13,.2);border-radius:0 0 2px 2px;box-shadow:0 8px 8px 0 rgba(13,13,13,.03);margin:0px auto 15px auto}.row{display:block;margin:0 auto;padding:0px}.column{margin:10px;max-width:100%;padding:10px}.column img{height:100%;min-height:100%;min-width:100%;object-fit:cover;object-position:center}@media screen and (min-width: 600px){.row{align-items:center;display:flex;justify-content:space-around;margin:0;padding:0px}.column{height:20vw;margin:0}}@media screen and (min-width: 730px){.column{height:15vw}.footer-gallery{width:100%}}@media screen and (min-width: 1038px){.column{height:200px;width:300px}}.card{width:100% !important}#nav_btn{display:flex;justify-content:center;margin:auto;position:relative;text-align:center;white-space:nowrap}#nav_btn button{background-color:#045594;border-radius:25px;display:flex;height:40px;margin:auto;text-align:center;width:40px}#nav_btn button:hover{background-color:#043e6b}.icon-next:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.icon-prev:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.icon-flip:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.separator{content:url("https://d2l.pima.edu/shared/Templates/images/widgets/separator.svg");padding:30px 0px 40px 0px}.imgBorder{border:1px solid #ddd;margin-left:20px;margin-right:0px;padding:10px}.tooltip{border-bottom:3px dotted rgba(58,91,104,.3);color:#3a5b68;display:inline-block;font-weight:900;position:relative;z-index:1}.tooltip:hover{color:rgba(58,91,104,.5)}.tooltip:hover>.tip-hover{display:block}.tooltip:hover .caption{display:inline-block;font-style:italic;font-size:.8em;font-weight:900;padding-bottom:10px !important}.tooltip:hover:after{border-color:transparent transparent #dde0e4 transparent;border-width:15px;border-style:solid;content:"";filter:drop-shadow(1px 1px 1px rgba(13, 13, 13, 0.2));left:50%;margin-left:-5px;position:absolute;top:80%;z-index:-1}.tooltip.hidden:after{display:none}.tip-hover{background-color:#dde0e4;border-radius:6px;box-shadow:2px 2px 1px rgba(13,13,13,.2);color:#282c2e;display:none;font-weight:400 !important;margin-left:-60px;padding:5px;position:absolute;text-align:center;top:45px;transition:opacity .3s;width:max-content}.tip-hover img{padding:10px;max-width:fit-content}.tip-hover .video-container{display:flex;flex-direction:column;height:100%;margin:2%;overflow:hidden;width:96%}.tip-hover .video-container iframe{border:none;flex-grow:1;margin:0;padding:0}.horizontal-display{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));grid-gap:10px;margin-bottom:1rem}@media screen and (min-width: 500px){.fixed-col2{grid-template-columns:repeat(2, minmax(150px, 1fr))}.fixed-col3{grid-template-columns:repeat(3, minmax(150px, 1fr))}.fixed-col4{grid-template-columns:repeat(4, minmax(150px, 1fr))}}#video-grid{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "footer";padding:15px 2.5%;width:95%}#video-grid #content-wrapper{max-width:1095px;z-index:1}#video-wrapper,.video-widget{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));justify-items:center}.video-widget .border{max-width:100%;grid-column:1/-1;justify-self:center}#video-wrapper .video-card,.video-widget .video-card{background:#fff;border-top:1px solid rgba(26,97,143,.3);box-shadow:1px 1px 10px 2px rgba(13,13,13,.15);box-sizing:border-box;height:auto;margin:15px;padding:10px 5px;position:relative;transition:.2s;width:300px}.two-card-col .video-card{margin:25px !important}#video-wrapper .video-card h2,.video-widget .video-card h2{margin-top:5px}#video-wrapper .video-card p,.video-widget .video-card p{font-size:.9em}#video-wrapper .video-card a.btn,.video-widget .video-card a.btn{display:block;margin:15px auto 5px;width:fit-content}#video-wrapper .card-content,.video-widget .card-content{bottom:15px;width:100%}#video-wrapper .card-content,.video-widget .card-content h3{font-size:1.122em;min-height:54px;font-weight:400;margin-bottom:5px;margin-top:15px}#video-wrapper .video-container,.video-widget .video-container,#video-wrapper .media-container,.video-widget .media-container{margin:10px auto}.video-card-header{font-size:1.1em;font-weight:900;margin-top:10px;text-align:center}@media all and (min-width: 900px){#video-wrapper:hover .video-card,.video-widget:hover .video-card{opacity:.6;transform:scale(0.98)}#video-wrapper .video-card:hover,.video-widget .video-card:hover{opacity:1;transform:scale(1.02)}}#second-column ul.assignments-widget,#second-column ol.assignments-widget{margin:0;padding:0}#content-wrapper ul.assignments-widget,#content-wrapper ol.assignments-widget{display:flex;flex-flow:row wrap;justify-content:space-between}li.assignment{background-color:var(--color-pcc-ltgrey);border-top:1px solid var(--color-pcc-primary);border-radius:0px;margin:0;margin-bottom:15px;padding:10px;transition:.3s}li.assignment:hover{transform:translate(0, -5px)}li.assignment h2,li.assignment h3,li.assignment h4{background-color:rgba(13,13,13,.03);font-size:1.15em;font-weight:600;margin:-10px -10px 10px -10px !important;padding:5px 10px}li.assignment ol li,li.assignment ul li{margin:0}li.assignment p,li.assignment ol,li.assignment ul,li.assignment .btn{font-size:.95em}li.assignment::before,li.assignment::marker{content:none}@media screen and (min-width: 576px){#content-wrapper li.assignment{flex-basis:45%}}@media screen and (min-width: 768px){#content-wrapper li.assignment{flex-basis:30%}}.modal-box.invisible{display:none}.gallery-wrapper{display:grid;grid-auto-rows:300px;grid-gap:10px;justify-items:center;margin:1rem 0}.close-img:hover{background-color:#f6f6f6;color:#0d0d0d}.image-box{width:100%}.image-box img{width:100%;height:100%;object-fit:cover;object-position:center}.image-box:focus-visible{outline:-webkit-focus-ring-color 2px solid;border-radius:2px}@media screen and (max-width: 768px){.modal-box{display:none}.hide-gallery{margin:5px 0 15px 0}.gallery-wrapper.invisible{display:none}}@media screen and (min-width: 500px){.gallery-wrapper{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-auto-rows:200px}}@media screen and (min-width: 768px){.hide-gallery{display:none}.gallery-wrapper{grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));grid-auto-rows:80px}.gallery-wrapper .image-box{position:relative;margin:auto;overflow:hidden;height:80px;width:100%}.gallery-wrapper .image-box img{max-width:100%;transition:all .3s;display:block;width:100%;height:100%;transform:scale(1);filter:grayscale(0.6);cursor:pointer;object-fit:cover}.gallery-wrapper .image-box:hover img{transform:scale(1.1);filter:grayscale(0)}.modal-box{position:fixed;height:100%;width:100%;background:rgba(13,13,13,.7);transition:all .33s ease-out;z-index:1;left:0;top:0}.modal-box .gallery-overlay{position:absolute;height:100%;width:100%;top:0;left:0;z-index:1}.modal-box--image{background:none;position:absolute;width:inherit;height:inherit;max-width:90%;z-index:3;left:50%;transform:translate(-50%, -50%);border:none;margin:0 auto;box-shadow:none;top:25%;max-height:2500px}.modal-box--image img{width:auto;position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:20px 20px 100px;border-radius:5px;box-shadow:5px 10px 20px rgba(13,13,13,.8);height:700px;object-fit:cover}.close-img{font-size:1rem;background-color:#0d0d0d;color:#fff;position:absolute;padding:10px 20px;border-radius:20px;top:900px;left:50%;cursor:pointer}.img-caption{position:absolute;top:68%;background-color:transparent}}@media screen and (min-width: 900px){.close-img{top:900px}.img-caption{top:68%}}@media screen and (min-width: 1024px){.modal-box--image{top:35%}.modal-box--image img{top:50%}.close-img{top:750px}.img-caption{top:63%}}dl.vocab-list{box-sizing:border-box;margin-top:15px;margin-bottom:15px}dl.vocab-list button{text-decoration:none;background-color:var(--color-pcc-primary);font-size:1em;margin:5px;padding:10px;color:#fff}dl.vocab-list button:hover{cursor:pointer;background-color:var(--color-primary);color:#fff}dl.vocab-list dt{background-color:var(--color-pcc-ltgrey);position:relative;color:var(--color-pcc-black);cursor:pointer;padding:10px 15px;text-align:left;border:none;outline:none;transition:.4s;margin:5px 0px}dl.vocab-list dt:focus-visible{outline:2px solid var(--color-pcc-black)}dl.vocab-list dt:hover{background-color:#d5cac9}dl.vocab-list dt::after{position:absolute;font-family:"Font Awesome";content:"➕";font-size:13px;color:var(--color-pcc-black);opacity:1;right:10px}dl.vocab-list dt.active::after{content:"➖"}dl.vocab-list dd{padding:10px 15px;display:none;border-style:inset;overflow:hidden;border:1px solid var(--color-pcc-ltgrey);margin-top:-5px;border-top:none}@media screen and (min-width: 700px){dl.vocab-list dd{padding:15px 10px}dl.vocab-list dt{padding:15px 35px 15px 10px}}.tabs{display:flex;flex-wrap:wrap;padding:0;margin-bottom:40px;max-width:860px}.tabs input{position:absolute;opacity:0}.tabs input:focus{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.tabs input:focus+label{outline:1px solid #006fbf}.tabs input:checked+label{background-color:var(--color-pcc-white);color:var(--color-pcc-black);z-index:2;transition:.5s}.tabs input:checked+label+.tab-panel{display:block;background-color:var(--color-pcc-white);z-index:1;border:2px solid #ccc}.tabs input:checked+label.hide-tab{background-color:var(--color-pcc-white);color:var(--color-pcc-black);text-decoration:underline}.tabs label{background-color:#6e6e6e;border:2px solid #ccc;border-bottom:none;width:100%;text-align:center;transition:.5s;color:var(--color-pcc-white)}.tabs label.hide-tab{background-color:transparent !important;border:none !important;color:var(--color-pcc-black)}.hide-panel{background-color:transparent !important;display:none !important}.tab-header:hover{cursor:pointer}@media(min-width: 700px){.tabs label{width:fit-content}.tab-panel{order:99}}.tab-panel{display:none;background:var(--color-pcc-white);padding:20px 10px;overflow:auto;width:100%;height:300px}.tab-panel>*{margin-top:20px}
package/dist/css/themes/aviation/styles.css ADDED
@@ -0,0 +1 @@
1
+ @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600;700&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(78, 116, 86, 1);--color-secondary: rgba(188, 170, 74, 1);--color-tertiary: rgba(180, 220, 201, 1);--color-primary-dark: rgb(66, 102, 74);--primary-rgb: 78, 116, 86;--secondary-rgb: 188, 170, 74;--tertiary-rgb: 180, 220, 201}h1{font-family:"Kanit",sans-serif;text-transform:uppercase;color:var(--color-pcc-white)}h2,h3,h4,h5,h6{font-family:"Kanit",sans-serif;color:var(--color-pcc-black)}.header .text-container{background-color:var(--color-primary)}.header .text-container p{color:var(--color-pcc-white)}.header .text-container::after{content:"";clip-path:polygon(0 50%, 50% 15%, 100% 50%, 100% 100%, 0% 100%);position:absolute;width:100%;height:100%;background-color:var(--color-primary);top:0;left:0;z-index:-1}body{background-color:rgba(var(--secondary-rgb), 0.1)}.content-body:first-child h2:first-child{background-color:var(--color-primary);color:#fff;margin:-15px -15px 15px -15px;padding-left:15px;padding:10px;width:auto;border-bottom:none}.content-body:first-child h2:first-child::after{content:" ";width:0;height:0;border-top:32px solid var(--color-secondary);border-bottom:32px solid var(--color-secondary);border-left:30px solid var(--color-primary);padding:0px;float:right;margin-top:-10px;margin-right:0px}.content-body:first-child h2:first-child::before{content:" ";width:0;height:0;border-top:32px solid #fff;border-bottom:32px solid #fff;border-left:30px solid var(--color-secondary);padding:0px;float:right;margin-top:-10px;margin-right:-10px;padding-right:10px}.content-body h2:first-child{color:var(--color-pcc-black);margin:-15px -15px 15px -15px;padding-left:15px;border-bottom:3px solid var(--color-tertiary);width:60%}:is(.btn,button,.btn.ext){color:var(--color-pcc-white);background-color:var(--color-primary);border:none;border-radius:0;box-shadow:2px 2px 0 var(--color-secondary)}:is(.btn,button,.btn.ext):hover{background-color:var(--color-primary-dark)}button.hide-gallery{padding:5px 15px;background-color:var(--color-primary);border:none;border-radius:0}button.hide-gallery::after{content:" ";width:0;height:0;border-top:18px solid var(--color-pcc-white);border-bottom:18px solid var(--color-pcc-white);border-left:30px solid var(--color-primary);padding:0px;float:right;margin-top:-5px;margin-bottom:-5px;margin-right:-15px}button.hide-gallery:hover{background-color:var(--color-secondary)}button.hide-gallery:hover::after{border-top:18px solid var(--color-pcc-white);border-bottom:18px solid var(--color-pcc-white);border-left:30px solid var(--color-secondary)}#second-column h2:first-child{color:var(--color-pcc-black);margin:-15px -15px 15px -15px;padding-left:15px;border-bottom:3px solid var(--color-tertiary);width:60%;background-color:var(--color-pcc-white)}#second-column h2:first-child::after{content:none}#second-column h2:first-child::before{content:none}#second-column .border{box-shadow:0px 4px 4px rgba(0,0,0,.25)}#second-column .border h2{width:100%;padding-right:15px}#third-column h2:first-child{color:var(--color-pcc-black);margin:-15px -15px 15px -15px;padding-left:15px;border-bottom:3px solid var(--color-tertiary);width:60%;background-color:var(--color-pcc-white)}#third-column h2:first-child::after{content:none}#third-column h2:first-child::before{content:none}ul>li::before{color:var(--color-pcc-black);content:"";display:inline-block;font-family:"FontAwesome";font-size:.75em;font-weight:400}table th{background-color:var(--color-pcc-black);color:var(--color-pcc-white)}footer{background-color:var(--color-pcc-white)}li.assignment{background-color:transparent;border-top:none;box-shadow:0px 4px 4px rgba(0,0,0,.25)}li.assignment h3{background-color:var(--color-tertiary)}blockquote::before{color:var(--color-secondary);right:95%}blockquote::after{color:var(--color-secondary);left:95%}.border{background-color:rgba(var(--primary-rgb), 0.1);border-left:none}.border-yellow::before{display:none}.border-yellow{background-color:rgba(var(--primary-rgb), 0.1) !important;border-top:none !important}.call-out{background-color:rgba(var(--primary-rgb), 0.1)}.call-out::before{background-color:var(--color-pcc-black);font-family:"Kanit",sans-serif}.card-horizontal{background-color:rgba(var(--primary-rgb), 0.1);padding:25px}.side-by-side{background-color:rgba(var(--primary-rgb), 0.1);padding:25px}.tabs label{background-color:var(--color-primary);color:var(--color-pcc-white);border:2px solid var(--color-secondary);padding:5px}.video-widget .video-card h2{width:auto;margin:-5px 0 0 -5px}.video-widget .video-card:hover{opacity:1;transform:scale(1)}.video-widget:hover .video-card{transform:scale(1)}dl.vocab-list button{background-color:var(--color-primary)}dl.vocab-list dt{background-color:rgba(var(--tertiary-rgb), 0.1)}dl.vocab-list dt:hover{background-color:rgba(var(--tertiary-rgb), 0.3)}@media(min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer"}}@media screen and (min-width: 800px){.header .text-container{clip-path:polygon(0 50%, 50% 15%, 100% 50%, 100% 100%, 0% 100%);background-color:var(--color-secondary);margin-top:-126px;padding-top:120px}.header .text-container p{color:var(--color-pcc-white)}.header .text-container::after{content:"";clip-path:polygon(0 43%, 50% 5%, 100% 43%, 100% 100%, 0% 100%);position:absolute;width:98%;height:-webkit-fill-available;height:-moz-available;height:fill-available;background-color:var(--color-primary);top:0;left:0;z-index:-1;margin-left:1%;margin-top:21%}}@media screen and (min-width: 930px){.header .text-container::after{clip-path:polygon(0 46%, 50% 8%, 100% 46%, 100% 100%, 0% 100%)}}@media screen and (min-width: 1030px){.header .text-container::after{clip-path:polygon(0 49%, 50% 11%, 100% 49%, 100% 100%, 0% 100%)}}@media screen and (min-width: 1130px){.header .text-container::after{clip-path:polygon(0 50%, 50% 15%, 100% 50%, 100% 100%, 0% 100%)}}@media screen and (min-width: 1230px){.header .text-container::after{clip-path:polygon(0 51%, 50% 16%, 100% 51%, 100% 100%, 0% 100%)}}
package/dist/css/themes/cis/styles.css ADDED
@@ -0,0 +1 @@
1
+ @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(66, 164, 245, 1);--color-secondary: rgba(24, 72, 99, 1);--color-tertiary: rgba(145, 206, 255, 1);--color-quarternary: rgba(51, 90, 122, 1);--color-quinary: rgba(51, 126, 189, 1);--color-bkg: rgba(243, 249, 255, 1);--color-bkg-dark: rgba(205, 226, 246, 1);--color-grey: rgba(248, 248, 248, 1)}h1{font-family:"Syne",serif}h2{font-family:"Syne",serif;color:var(--color-secondary)}h2:not([class^=icon]){padding:15px}h3{font-family:"Syne",serif;color:var(--color-pcc-black)}h4{font-family:"Syne",sans-serif;color:var(--color-pcc-black)}img{margin:0}figure>img{margin:0 auto !important}.font-size-h4{font-family:"Syne",sans-serif;color:var(--color-pcc-black)}.font-size-h3{font-family:"Syne",sans-serif}.content-body{border:none;border-top-left-radius:8px !important;border-top-right-radius:8px !important;background-color:var(--color-pcc-white)}.content-body h2:first-child{background:linear-gradient(90deg, var(--color-secondary) 0%, var(--color-quarternary) 50%, var(--color-tertiary) 100%);border:none;margin:-15px -15px 15px -15px;color:var(--color-pcc-white);padding:15px;display:flex;justify-content:start;align-items:center;text-shadow:0px 0px 7px rgba(255,255,255,.25)}.content-body:nth-child(even)::after{content:url("../../../img/theme-images/computer-information-systems/circuit.png");z-index:0;opacity:.05;text-align:right;display:block;position:relative;margin-top:-200px;margin-bottom:-22px}.content-body h4:first-child{width:auto;margin:0 auto}.content-body ul,.content-body ol{padding-left:15px}.content-body li{padding-left:25px}.content-body li:before{margin-left:0}.border{background-image:linear-gradient(45deg, #f2f2f2, rgba(224, 235, 235, 0.5))}.border h3{color:var(--color-pcc-black);background-color:transparent !important}.border h2{font-family:"Lora",serif;color:var(--color-pcc-black);background-color:transparent !important}.border h2:first-child{font-family:"Lora",serif;color:var(--color-pcc-black);background-color:transparent !important}.header .text-container{position:static;background:var(--color-pcc-white);padding:20px 0px 20px 0px;padding-bottom:20px !important}.header .text-container h1,.header .text-container p{color:var(--color-pcc-black);text-align:center;padding-left:40px}.header img{border-bottom:none;max-height:600px;width:100%}body{background:linear-gradient(0deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)),url("../../../img/theme-images/computer-information-systems/cis-bg.png");background-repeat:repeat;background-size:350px;border-top:3px solid var(--color-pcc-black)}#second-column .content-body h2:first-child{font-family:"Syne",sans-serif;color:var(--color-pcc-white);background:linear-gradient(90deg, var(--color-secondary) 0%, var(--color-quarternary) 50%, var(--color-tertiary) 100%);padding:15px 15px 15px 15px;border:none;margin:-15px -15px 15px -15px;color:var(--color-pcc-white);padding:15px;display:flex;justify-content:start;align-items:center;text-shadow:0px 0px 7px rgba(255,255,255,.25)}#second-column .content-body h2.icon-assignment~figure img{margin:0 auto !important;border-radius:10px}#second-column .content-body h2.font-size-h4{font-family:"Syne",sans-serif;color:var(--color-pcc-white)}#second-column .content-body .border h2:first-child{background-color:transparent !important;font-family:"Syne",sans-serif;text-align:center}.card-horizontal{background:var(--color-pcc-white);padding:25px}.card-horizontal .card-img img{margin:0 auto !important}.card-horizontal h3::before{display:none}.card-horizontal .card-body{padding:15px}.border-yellow{border-top:none !important;background-image:none;background-color:var(--color-pcc-white) !important;box-shadow:0 0 5px rgba(15,15,15,.25)}.border-yellow::before{display:none}.border-yellow h2{padding-top:0px;background-color:var(--color-tertiary) !important;display:block !important;text-align:center}.border-yellow p{text-align:center}#footer{background-color:var(--color-pcc-white);border-top:3px solid var(--color-quinary)}#footer>p{font-family:"Syne",sans-serif;color:var(--color-quinary)}#footer blockquote{padding:25px 0px !important;background-color:var(--color-primary) !important;color:var(--color-pcc-white) !important}blockquote p{color:var(--color-pcc-white) !important;font-family:"Lato",sans-serif !important}blockquote::after{font-family:"FontAwesome";font-size:1em;font-weight:400;content:"";color:var(--color-primary);padding:15px;margin-top:-50px;display:block;position:static;width:25px;margin-left:90%}blockquote::before{font-family:"FontAwesome";font-size:1em;font-weight:400;content:"";color:var(--color-primary);padding:15px;margin-top:-50px;display:block;position:static;width:25px;margin-left:0%}ul .assignment-widget{margin:0px}ul>li::before{color:var(--color-quinary);content:"";display:inline-block;font-family:"FontAwesome";font-size:1em;font-weight:400;left:0;margin:0 5px 0 -15px;opacity:1;position:absolute}li.assignment h3::before{display:none}li.assignment{background-color:rgba(15,15,15,.01)}li.assignment h3{background-color:var(--color-bkg-dark)}.call-out{background-color:var(--color-pcc-white);padding:10px;text-align:center;box-shadow:0 0 5px rgba(15,15,15,.25)}.call-out::before{background-color:var(--color-primary)}a.btn{background-color:var(--color-tertiary);border:3px solid var(--color-tertiary);color:var(--color-pcc-black) !important}a.btn:hover{background-color:var(--color-bkg);border:3px solid var(--color-bkg);box-shadow:none;color:var(--color-pcc-black) !important}table{background:var(--color-pcc-white);margin:15px 0}table.display-lg{border:none}table th{background-color:var(--color-secondary)}.video-widget .video-card{border-top:none}.video-widget .video-card h2:first-child{margin:0px;background:var(--color-pcc-white) !important;color:var(--color-pcc-black)}.border,.card-horizontal,.video-card,blockquote,.border-yellow,.call-out,.horizontal-display,.media-container,.side-by-side-item,table,.vocab-list{z-index:1;position:relative}dl.vocab-list dt{background-color:var(--color-bkg-dark);color:var(--color-pcc-black)}dl.vocab-list dt:hover{background-color:var(--color-bkg)}dl.vocab-list dt::after{color:var(--color-pcc-black);content:"";font-weight:900;font-family:"FontAwesome"}dl.vocab-list dt.active::after{color:var(--color-pcc-black);content:"";font-weight:900;font-family:"FontAwesome"}dl.vocab-list dt:focus{outline:1px solid #006fbf}@media(min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer"}}@media screen and (min-width: 768px){tr:nth-child(even){background:rgba(51,51,51,.05)}.header .text-container{max-width:95%;margin:0 auto;margin-top:-40px;z-index:100}.header img{position:relative;z-index:-1}}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background-color:var(--color-secondary);color:var(--color-pcc-white) !important}}
package/dist/css/themes/culinary/styles.css CHANGED
@@ -1 +1 @@
1
- @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;800;900&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}html{box-sizing:border-box}body{background-image:linear-gradient(rgba(240, 240, 240, 0.6), rgba(230, 230, 230, 0.6)),url("../../../img/theme-images/culinary/steel-stainless-rotate.jpg");background-repeat:repeat;background-size:300px;font-family:"Lato",Helvetica,sans-serif;font-size:100%;line-height:1.35}.content-body,.header,#footer,.footer-gallery{background-color:var(--color-pcc-white);border-bottom:solid 3px var(--color-pcc-white);border-radius:5px;box-shadow:0 1px 0 #d2d2d2,0 2px 0 #c8c8c8,0 3px 0 #bebebe,0 4px 0 #b4b4b4,0 0 5px rgba(13,13,13,.05),0 1px 3px rgba(13,13,13,.2),0 3px 5px rgba(13,13,13,.2),0 5px 10px rgba(13,13,13,.2),0 10px 10px rgba(13,13,13,.2),0 20px 20px rgba(13,13,13,.2),inset 5px 5px 5px var(--color-pcc-white);text-align:left}#one-column,#two-column,#two-col-widget{grid-row-gap:20px}#two-col-widget{grid-template-rows:auto}#two-column .header,#two-col-widget .header{max-width:1004px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-template-columns:minmax(400px, 650px) minmax(280px, 350px);grid-column-gap:25px}}.header{display:grid;grid-auto-rows:10em auto;grid-template-areas:"image" "text";margin-bottom:0px;max-height:375px;max-width:978px;overflow:hidden;padding:1%;width:auto}.header img{grid-area:image;height:100%;max-height:100%;object-fit:cover;width:fit-content}.header .text-container{grid-area:text;height:auto;margin:auto;padding-bottom:20px}@media screen and (min-width: 730px){.header{width:auto;display:grid;grid-auto-rows:auto;grid-template-areas:"text image";grid-template-columns:minmax(250px, 300px) minmax(455px, 715px);max-height:300px}.header img{height:270px}.header .text-container{padding:0 3%}}.content-body{margin-bottom:20px;padding:10px 20px;z-index:1}.content-body:last-child{margin-bottom:0px}footer{z-index:2}footer #footer{margin-bottom:10px;padding:10px}table .display-lg{border:3px solid var(--color-pcc-primary);margin:0px auto;width:100% !important}table .display-lg thead{background:var(--color-pcc-primary) !important}table tr:nth-child(even){background:rgba(162,176,179,.5)}table caption{font-size:1.4em;font-weight:600;margin:-20px auto .25rem auto}@media screen and (min-width: 550px){table.display-lg{margin:25px auto}}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-pcc-primary)}}blockquote{color:rgba(4,85,148,.6);font-size:1.2em;font-weight:600;margin:30px 30px 40px 30px;padding:0 10px;font-style:italic}blockquote::before{color:var(--color-pcc-primary);content:"";font-family:"FontAwesome";font-size:1.2em;top:-30px}blockquote::after{bottom:-30px;color:var(--color-pcc-primary);content:"";font-family:"FontAwesome";font-size:1.2em}figure{border:6px solid var(--color-pcc-white);border-bottom:none;box-shadow:1px 1px 5px rgba(13,13,13,.25);display:table;margin-left:20px;margin-right:20px}figure figcaption{background-color:var(--color-pcc-white);border-top:none;caption-side:bottom;padding:10px;text-align:center}@media screen and (max-width: 768px){figure{margin:auto}figure figcaption{margin:0px}}.highlight{background-image:linear-gradient(to bottom, #d0d0d0, #d0d0d0);border:2px solid #d0d0d0}.border{background-color:#eff7fb;border-radius:0 10px 10px 0;box-shadow:4px 5px 10px 0px rgba(187,187,187,.5);margin:10px 0px;position:relative}.border:not(:first-child){margin-top:30px}.border::before,.border::after{background:#777;bottom:15px;box-shadow:0 15px 10px #777;content:"";max-width:300px;position:absolute;top:80%;width:50%;z-index:-1}.border::before{left:10px;transform:rotate(-3deg)}.border::after{right:10px;transform:rotate(3deg)}hr{border-bottom:3px solid var(--color-pcc-black);margin:20px}img{margin:0 auto !important}.invite{background-color:#fffdf4;margin:20px 0px}.invite .invite-inner{border:2px solid var(--color-pcc-primary)}.invite h2{text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:2px;margin:5px auto !important}.menu-table{background-color:#fffdf4 !important}.menu-table h2{font-weight:800;text-transform:uppercase;padding-bottom:10px}.menu-table h2::after{border-bottom:3px solid var(--color-pcc-primary);content:"";display:block;margin:0 auto;padding-top:10px;width:20%}.menu-table .menu-table-inner{border:3px solid var(--color-pcc-primary)}.menu-table table{border:none}.menu-table table th{color:var(--color-pcc-primary);background-color:#fffdf4}.menu-table table tr{background:#fffdf4 !important}.menu-table table td:first-child{color:var(--color-pcc-primary) !important}.menu-table table caption{color:var(--color-pcc-primary)}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif}h1{padding:10px 0px;letter-spacing:4px;font-size:2em;font-weight:800;text-transform:uppercase}h2,h3,h4{font-weight:600;text-align:left}h2{border-bottom:1px solid rgba(13,13,13,.1);font-size:1.7em;font-weight:600;margin-bottom:10px;margin-top:25px}h3{font-size:1.5em;margin-top:30px}h4{font-size:1.4em}.header h1,.header h2,.header h3,.header p{text-align:center}a:link:not(.fancybox-img-lg){border-bottom:1.5px solid var(--color-pcc-primary);color:var(--color-pcc-primary);font-weight:900;overflow-wrap:break-word;padding:0 2px 2px 2px;text-decoration:none;word-wrap:break-word}a:hover,a:active{background-image:linear-gradient(to bottom, rgba(114, 158, 161, 0.2), rgba(114, 158, 161, 0.2));overflow-wrap:break-word;padding:0 2px 2px 2px;text-decoration:none;word-wrap:break-word}ul li::before{color:var(--color-pcc-primary)}dt{font-weight:900}#video-grid{grid-row-gap:20px}#video-grid .video-card{border-bottom:solid 3px var(--color-pcc-white);border-radius:5px;box-shadow:0 1px 0 #d2d2d2,0 2px 0 #c8c8c8,0 3px 0 #bebebe,0 4px 0 #b4b4b4,0 0 5px rgba(13,13,13,.05),0 1px 3px rgba(13,13,13,.2),0 3px 5px rgba(13,13,13,.2),0 5px 10px rgba(13,13,13,.2),0 10px 10px rgba(13,13,13,.2),0 20px 20px rgba(13,13,13,.2),inset 5px 5px 5px var(--color-pcc-white)}
1
+ @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;800;900&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}html{box-sizing:border-box}body{background-image:linear-gradient(rgba(240, 240, 240, 0.6), rgba(230, 230, 230, 0.6)),url("../../../img/theme-images/culinary/steel-stainless-rotate.jpg");background-repeat:repeat;background-size:300px;font-family:"Lato",Helvetica,sans-serif;font-size:100%;line-height:1.35}.content-body,.header,#footer,.footer-gallery{background-color:var(--color-pcc-white);border-bottom:solid 3px var(--color-pcc-white);border-radius:5px;box-shadow:0 1px 0 #d2d2d2,0 2px 0 #c8c8c8,0 3px 0 #bebebe,0 4px 0 #b4b4b4,0 0 5px rgba(13,13,13,.05),0 1px 3px rgba(13,13,13,.2),0 3px 5px rgba(13,13,13,.2),0 5px 10px rgba(13,13,13,.2),0 10px 10px rgba(13,13,13,.2),0 20px 20px rgba(13,13,13,.2),inset 5px 5px 5px var(--color-pcc-white);text-align:left}#one-column,#two-column,#two-col-widget{grid-row-gap:20px}#two-col-widget{grid-template-rows:auto}#two-column .header,#two-col-widget .header{max-width:1004px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-template-columns:minmax(400px, 650px) minmax(280px, 350px);grid-column-gap:25px}}.header{display:grid;grid-auto-rows:10em auto;grid-template-areas:"image" "text";margin-bottom:0px;max-height:375px;max-width:978px;overflow:hidden;padding:1%;width:auto}.header img{grid-area:image;height:100%;max-height:100%;object-fit:cover;width:100%}.header .text-container{grid-area:text;height:auto;margin:auto;padding-bottom:20px}@media screen and (min-width: 730px){.header{width:auto;display:grid;grid-auto-rows:auto;grid-template-areas:"text image";grid-template-columns:minmax(250px, 330px) minmax(455px, 830px);max-height:300px}.header img{height:270px}.header .text-container{padding:0 3%}}.content-body{margin-bottom:20px;padding:10px 20px;z-index:1}.content-body:last-child{margin-bottom:0px}footer{z-index:2}footer #footer{margin-bottom:10px;padding:10px}table .display-lg{border:3px solid var(--color-pcc-primary);margin:0px auto;width:100% !important}table .display-lg thead{background:var(--color-pcc-primary) !important}table tr:nth-child(even){background:rgba(162,176,179,.5)}table caption{font-size:1.4em;font-weight:600;margin:-20px auto .25rem auto}@media screen and (min-width: 550px){table.display-lg{margin:25px auto}}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-pcc-primary)}}blockquote{color:rgba(4,85,148,.6);font-size:1.2em;font-weight:600;margin:30px 30px 40px 30px;padding:0 10px;font-style:italic}blockquote::before{color:var(--color-pcc-primary);content:"";font-family:"FontAwesome";font-size:1.2em;top:-30px}blockquote::after{bottom:-30px;color:var(--color-pcc-primary);content:"";font-family:"FontAwesome";font-size:1.2em}figure{border:6px solid var(--color-pcc-white);border-bottom:none;box-shadow:1px 1px 5px rgba(13,13,13,.25);display:table;margin-left:20px;margin-right:20px}figure figcaption{background-color:var(--color-pcc-white);border-top:none;caption-side:bottom;padding:10px;text-align:center}@media screen and (max-width: 768px){figure{margin:auto}figure figcaption{margin:0px}}.highlight{background-image:linear-gradient(to bottom, #d0d0d0, #d0d0d0);border:2px solid #d0d0d0}.border{background-color:#eff7fb;border-radius:0 10px 10px 0;box-shadow:4px 5px 10px 0px rgba(187,187,187,.5);margin:10px 0px;position:relative}.border:not(:first-child){margin-top:30px}.border::before,.border::after{background:#777;bottom:15px;box-shadow:0 15px 10px #777;content:"";max-width:300px;position:absolute;top:80%;width:50%;z-index:-1}.border::before{left:10px;transform:rotate(-3deg)}.border::after{right:10px;transform:rotate(3deg)}hr{border-bottom:3px solid var(--color-pcc-black);margin:20px}img{margin:0 auto !important}.invite{background-color:#fffdf4;margin:20px 0px}.invite .invite-inner{border:2px solid var(--color-pcc-primary)}.invite h2{text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:2px;margin:5px auto !important}.menu-table{background-color:#fffdf4 !important}.menu-table h2{font-weight:800;text-transform:uppercase;padding-bottom:10px}.menu-table h2::after{border-bottom:3px solid var(--color-pcc-primary);content:"";display:block;margin:0 auto;padding-top:10px;width:20%}.menu-table .menu-table-inner{border:3px solid var(--color-pcc-primary)}.menu-table table{border:none}.menu-table table th{color:var(--color-pcc-primary);background-color:#fffdf4}.menu-table table tr{background:#fffdf4 !important}.menu-table table td:first-child{color:var(--color-pcc-primary) !important}.menu-table table caption{color:var(--color-pcc-primary)}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif}h1{padding:10px 0px;letter-spacing:4px;font-size:2em;font-weight:800;text-transform:uppercase}h2,h3,h4{font-weight:600;text-align:left}h2{border-bottom:1px solid rgba(13,13,13,.1);font-size:1.7em;font-weight:600;margin-bottom:10px;margin-top:25px}h3{font-size:1.5em;margin-top:30px}h4{font-size:1.4em}.header h1,.header h2,.header h3,.header p{text-align:center}a:link:not(.fancybox-img-lg){border-bottom:1.5px solid var(--color-pcc-primary);color:var(--color-pcc-primary);font-weight:900;overflow-wrap:break-word;padding:0 2px 2px 2px;text-decoration:none;word-wrap:break-word}a:hover,a:active{background-image:linear-gradient(to bottom, rgba(114, 158, 161, 0.2), rgba(114, 158, 161, 0.2));overflow-wrap:break-word;padding:0 2px 2px 2px;text-decoration:none;word-wrap:break-word}ul li::before{color:var(--color-pcc-primary)}dt{font-weight:900}#video-grid{grid-row-gap:20px}#video-grid .video-card{border-bottom:solid 3px var(--color-pcc-white);border-radius:5px;box-shadow:0 1px 0 #d2d2d2,0 2px 0 #c8c8c8,0 3px 0 #bebebe,0 4px 0 #b4b4b4,0 0 5px rgba(13,13,13,.05),0 1px 3px rgba(13,13,13,.2),0 3px 5px rgba(13,13,13,.2),0 5px 10px rgba(13,13,13,.2),0 10px 10px rgba(13,13,13,.2),0 20px 20px rgba(13,13,13,.2),inset 5px 5px 5px var(--color-pcc-white)}
package/dist/css/themes/ece/styles.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";@import"../../routes.css";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(226, 175, 253, 1);--color-secondary: rgba(242, 190, 92, 1);--color-tertiary: rgba(63, 48, 102, 1);--color-quaternary: rgba(197, 156, 252, 1);--primary-rgb: 226, 175, 253;--secondary-rgb: 242, 190, 92;--tertiary-rgb: 63, 48, 102;--quaternary-rgb: 197, 156, 252;--color-heading-icon: rgba(255, 255, 255, 1)}h1,h2,h3,h4,h5,h6,dt{font-family:"Patrick Hand",cursive}h2{border-bottom:0px}h3{font-weight:900;color:var(--color-tertiary)}h4{font-weight:600;border-bottom:var(--color-tertiary);width:fit-content;color:var(--color-quaternary)}body{background-color:rgba(var(--tertiary-rgb), 0.05);border-top:none}.content-body{margin-bottom:20px}#two-column .content-body:last-child{flex-grow:0}#two-col-widget{grid-row-gap:0px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-column-gap:30px}}.header,.content-body,#footer,.footer-gallery{background-color:var(--color-pcc-white);box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px}.header{margin:10px auto 30px auto}.header img{border-bottom:none;border-radius:20px 20px 0px 0px}.header .text-container{background:rgba(var(--secondary-rgb), 0.8);border-radius:0px 0px 20px 20px}.header .text-container :is(h1,h2,h3,h4,p){color:var(--color-tertiary);text-align:center}.header .text-container p{padding:0px 25px}@media screen and (min-width: 700px){.header .text-container{backdrop-filter:blur(2px);background:rgba(var(--secondary-rgb), 0.8);border-bottom:none;border-radius:0px 20px 20px 0px;box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:15px 0;position:absolute;top:50%;transform:translate(0%, -50%);width:80%}.header img{border-bottom:none;border-radius:20px}}h2::before{background-color:var(--color-quaternary);border-radius:20px 20px 0px 0px;color:var(--color-tertiary);display:block;height:auto;margin:-15px 0px 15px 0px;min-width:100%;padding:15px 0px;text-align:center;width:-webkit-fill-available;width:100%}h2[class^=icon]{background-color:rgba(var(--primary-rgb), 0.3);border-bottom:none;border-radius:20px 20px 0px 0px;color:var(--color-tertiary);margin:30px -15px 20px -15px !important;padding-bottom:15px;text-align:center}h2[class^=icon]:first-child{margin-top:-15px !important}h2:not([class^=icon]){background-color:transparent;color:var(--color-tertiary);margin:0px !important;padding:5px 0px;text-align:left}@media screen and (min-width: 500px){h2,h2[class^=icon]{padding:0px;text-align:left}h2::before{border-radius:20px 0px 0px 0px;display:inline-block;margin:0px;padding:15px;min-width:auto;width:2em}}table{margin:10px 0 20px 0}table.display-lg th{background-color:rgba(var(--secondary-rgb), 0.3);color:var(--color-pcc-black) !important;font-family:"Mali",sans-serif;font-weight:900 !important}table thead,table tr,table td{border:1px solid var(--color-pcc-ltgrey)}table caption{color:var(--color-pcc-primary)}table a:link,table a:visited{color:var(--color-pcc-primary) !important}table a:hover,table a:active{color:rgba(4,85,148,.7) !important}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background-color:var(--color-primary);color:var(--color-tertiary) !important;font-family:"Mali",cursive}}@media screen and (min-width: 768px){table thead,tr,td{border:none}tr:nth-child(even){background:rgba(51,51,51,.05)}table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(4){width:20%}}button{background-color:var(--color-secondary);border:none;color:var(--color-quaternary)}button:hover{background-color:var(--color-primary);color:var(--color-pcc-white)}a.btn{background-color:rgba(var(--secondary-rgb), 0.8);padding:5px 12px;border-radius:5px;border:none;box-shadow:0 2px 1px #a4a6ad;text-transform:uppercase;letter-spacing:2px;font-weight:bold;color:var(--color-tertiary);margin:10px 0px}a.btn:hover{background-color:var(--color-secondary);color:var(--color-tertiary) !important}a.btn:active{background-color:var(--color-secondary)}a:link,a:visited{color:var(--color-tertiary);font-weight:bold;word-break:break-word}a:hover,a:active{color:#266477}dl.vocab-list button{background-color:var(--color-secondary);color:var(--color-tertiary)}dl.vocab-list button:hover{background-color:var(--color-tertiary);color:var(--color-pcc-white)}.easter-egg{position:relative}.easter-egg img{display:block;width:100%;height:auto;animation-name:grow;animation-duration:4s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}@keyframes grow{0%{transform:scale(0.95)}100%{transform:scale(1)}}ul li:before{color:var(--color-tertiary)}ul,ol{margin:0 20px 10px 20px}dt{color:var(--color-tertiary);font-weight:900}figure{box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:10px}figure img{margin:0 auto !important;width:-webkit-fill-available}figure figcaption{border-bottom:none;font-style:normal;padding:7px 0 5px 0}#second-column figure,#column-widget figure{margin:20px auto !important}#footer>p{color:var(--color-tertiary);font-family:"Lato",sans-serif;font-weight:900;padding:10px}li.assignment{background-color:rgba(13,13,13,.08);border-top:none;border-radius:0px;margin:0;margin-bottom:15px;padding:10px;transition:.3s}li.assignment :is(h2,h3,h4){background-color:rgba(0,0,0,.03);margin:-10px -10px 10px -10px !important;padding:5px 10px}blockquote{color:var(--color-tertiary);font-family:"Mali",cursive;font-weight:300}blockquote::before,blockquote::after{color:var(--color-quaternary)}blockquote::before{right:93%;top:-20px}blockquote::after{left:93%;bottom:-20px}@media screen and (min-width: 500px){blockquote::before{right:96%;top:-15px}blockquote::after{left:96%;bottom:-15px}}.border{background-color:rgba(var(--secondary-rgb), 0.3);border-left:none;padding:10px;box-shadow:2px 2px 3px 2px rgba(19,78,130,.2);border-radius:0 0 10px 10px}.border a.btn:not(:last-child){margin-bottom:20px}.border-yellow{background-color:rgba(187,207,215,.5) !important;border-top:2px solid var(--color-secondary) !important;border-left:none;padding:5px}.border-yellow::before{border-color:var(--color-pcc-ltgrey)}.call-out{background-color:transparent;border:3px solid rgba(var(--secondary-rgb), 0.5);border-radius:10px;position:relative}.call-out::before{background:transparent;color:var(--color-tertiary)}.call-out::after{content:"";position:absolute;border-bottom:3px solid var(--color-primary);width:100px;top:40px;left:0;right:0;margin-left:auto;margin-right:auto}.card-horizontal{position:relative}.card-horizontal .card-body{padding:30px 0 0 30px}.card-horizontal .card-img{padding:0 30px 0 0}.media-container{position:relative;border:none}.media-container .media-object{border-radius:10px}
1
+ @import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";@import"../../routes.css";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(226, 175, 253, 1);--color-secondary: rgba(242, 190, 92, 1);--color-tertiary: rgba(63, 48, 102, 1);--color-quaternary: rgba(197, 156, 252, 1);--primary-rgb: 226, 175, 253;--secondary-rgb: 242, 190, 92;--tertiary-rgb: 63, 48, 102;--quaternary-rgb: 197, 156, 252;--color-heading-icon: rgba(255, 255, 255, 1)}h1,h2,h3,h4,h5,h6,dt{font-family:"Patrick Hand",cursive}h2{border-bottom:0px}h3{font-weight:900;color:var(--color-tertiary)}h4{font-weight:600;border-bottom:var(--color-tertiary);width:fit-content;color:var(--color-quaternary)}body{background-color:rgba(var(--tertiary-rgb), 0.05);border-top:none}.content-body{margin-bottom:20px}#two-col-widget{grid-row-gap:0px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-column-gap:30px}}.header,.content-body,#footer,.footer-gallery{background-color:var(--color-pcc-white);box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px}.header{margin:10px auto 30px auto}.header img{border-bottom:none;border-radius:20px 20px 0px 0px}.header .text-container{background:rgba(var(--secondary-rgb), 0.8);border-radius:0px 0px 20px 20px}.header .text-container :is(h1,h2,h3,h4,p){color:var(--color-tertiary);text-align:center}.header .text-container p{padding:0px 25px}@media screen and (min-width: 1024px){.header .text-container{backdrop-filter:blur(2px);background:rgba(var(--secondary-rgb), 0.8);border-bottom:none;border-radius:0px 20px 20px 0px;box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:15px 0;position:absolute;top:75%;transform:translate(0%, -50%);width:80%}.header img{border-bottom:none;border-radius:20px}}h2::before{background-color:var(--color-quaternary);border-radius:20px 20px 0px 0px;color:var(--color-tertiary);display:block;height:auto;margin:-15px 0px 15px 0px;min-width:100%;padding:15px 0px;text-align:center;width:-webkit-fill-available;width:100%}h2[class^=icon]{background-color:rgba(var(--primary-rgb), 0.3);border-bottom:none;border-radius:20px 20px 0px 0px;color:var(--color-tertiary);margin:30px -15px 20px -15px !important;padding-bottom:15px;text-align:center}h2[class^=icon]:first-child{margin-top:-15px !important}h2:not([class^=icon]){background-color:transparent;color:var(--color-tertiary);margin:0px !important;padding:5px 0px;text-align:left}@media screen and (min-width: 500px){h2,h2[class^=icon]{padding:0px;text-align:left}h2::before{border-radius:20px 0px 0px 0px;display:inline-block;margin:0px;padding:15px;min-width:auto;width:2em}}table{margin:10px 0 20px 0}table.display-lg th{background-color:rgba(var(--secondary-rgb), 0.3);color:var(--color-pcc-black) !important;font-family:"Mali",sans-serif;font-weight:900 !important}table thead,table tr,table td{border:1px solid var(--color-pcc-ltgrey)}table caption{color:var(--color-pcc-primary)}table a:link,table a:visited{color:var(--color-pcc-primary) !important}table a:hover,table a:active{color:rgba(4,85,148,.7) !important}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background-color:var(--color-primary);color:var(--color-tertiary) !important;font-family:"Mali",cursive}}@media screen and (min-width: 768px){table thead,tr,td{border:none}tr:nth-child(even){background:rgba(51,51,51,.05)}table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(4){width:20%}}button{background-color:var(--color-secondary);border:none;color:var(--color-quaternary)}button:hover{background-color:var(--color-primary);color:var(--color-pcc-white)}a.btn{background-color:rgba(var(--secondary-rgb), 0.8);padding:5px 12px;border-radius:5px;border:none;box-shadow:0 2px 1px #a4a6ad;text-transform:uppercase;letter-spacing:2px;font-weight:bold;color:var(--color-tertiary);margin:10px 0px}a.btn:hover{background-color:var(--color-secondary);color:var(--color-tertiary) !important}a.btn:active{background-color:var(--color-secondary)}a:link,a:visited{color:var(--color-tertiary);font-weight:bold;word-break:break-word}a:hover,a:active{color:#266477}dl.vocab-list button{background-color:var(--color-secondary);color:var(--color-tertiary)}dl.vocab-list button:hover{background-color:var(--color-tertiary);color:var(--color-pcc-white)}.easter-egg{position:relative}.easter-egg img{display:block;width:100%;height:auto;animation-name:grow;animation-duration:4s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}@keyframes grow{0%{transform:scale(0.95)}100%{transform:scale(1)}}ul li:before{color:var(--color-tertiary)}ul,ol{margin:0 20px 10px 20px}dt{color:var(--color-tertiary);font-weight:900}figure{box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:10px}figure img{margin:0 auto !important;width:-webkit-fill-available}figure figcaption{border-bottom:none;font-style:normal;padding:7px 0 5px 0}#second-column figure,#column-widget figure{margin:20px auto !important}#footer>p{color:var(--color-tertiary);font-family:"Lato",sans-serif;font-weight:900;padding:10px}li.assignment{background-color:rgba(13,13,13,.08);border-top:none;border-radius:0px;margin:0;margin-bottom:15px;padding:10px;transition:.3s}li.assignment :is(h2,h3,h4){background-color:rgba(0,0,0,.03);margin:-10px -10px 10px -10px !important;padding:5px 10px}blockquote{color:var(--color-tertiary);font-family:"Mali",cursive;font-weight:300}blockquote::before,blockquote::after{color:var(--color-quaternary)}blockquote::before{right:93%;top:-20px}blockquote::after{left:93%;bottom:-20px}@media screen and (min-width: 500px){blockquote::before{right:96%;top:-15px}blockquote::after{left:96%;bottom:-15px}}.border{background-color:rgba(var(--secondary-rgb), 0.3);border-left:none;padding:10px;box-shadow:2px 2px 3px 2px rgba(19,78,130,.2);border-radius:0 0 10px 10px}.border a.btn:not(:last-child){margin-bottom:20px}.border-yellow{background-color:rgba(187,207,215,.5) !important;border-top:2px solid var(--color-secondary) !important;border-left:none;padding:5px}.border-yellow::before{border-color:var(--color-pcc-ltgrey)}.call-out{background-color:transparent;border:3px solid rgba(var(--secondary-rgb), 0.5);border-radius:10px;position:relative}.call-out::before{background:transparent;color:var(--color-tertiary)}.call-out::after{content:"";position:absolute;border-bottom:3px solid var(--color-primary);width:100px;top:40px;left:0;right:0;margin-left:auto;margin-right:auto}.card-horizontal{position:relative}.card-horizontal .card-body{padding:30px 0 0 30px}.card-horizontal .card-img{padding:0 30px 0 0}.media-container{position:relative;border:none}.media-container .media-object{border-radius:10px}
package/dist/css/themes/lgm/styles.css ADDED
@@ -0,0 +1 @@
1
+ @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(49, 78, 82, 1);--color-primary-tint: rgba(49, 78, 82, 0.5);--color-secondary: rgba(233, 231, 210, 1);--color-tertiary: rgba( 242, 161, 84, 1);--color-quaternary: rgba(233, 231, 210, .5);--color-bg: rgba(246, 246, 246, 1);--color-black: rgba(13, 13, 13, 1);--color-white: rgba(255, 255, 255, 1)}body{background-color:rgba(163,163,163,.2);border-top:none}h2{border-bottom:1px solid var(--color-secondary);color:var(--color-black)}h3{color:var(--color-black)}@media screen and (min-width: 576px){.header .text-container{padding:10px 0 0 0}}@media screen and (min-width: 768px){.header .text-container{bottom:7px;padding:10px 0 15px 0;position:absolute;right:0;width:80%}}@media screen and (min-width: 992px){.header .text-container{padding:10px 0 25px 0;width:75%}}.header img{border-bottom:none}.header .text-container{background-color:var(--color-primary);box-shadow:0px 7px 0px 0px var(--color-primary);border-bottom:1px solid var(--color-secondary)}.header .text-container h1{color:var(--color-white);font-family:"Inter",sans-serif;padding-left:15px;text-align:left}.header .text-container p{color:var(--color-white);padding-left:15px;text-align:left}.header .text-container h2,.header .text-container h3,.header .text-container h4{color:var(--color-white);font-family:"Inter",sans-serif}#content-wrapper .content-body:first-child>h2:first-child{background-color:var(--color-secondary);color:var(--color-black);margin:-15px -15px 20px -15px;padding:0 0 0 10px}.content-body,.sidebar-item,#footer,#main footer{background-color:var(--color-white);border-top:none;border-bottom:1px solid rgba(13,13,13,.2);border-radius:0 0 2px 2px;box-shadow:0 8px 8px 0 rgba(13,13,13,.03)}#second-column .content-body:first-child>h2:first-child{background-color:var(--color-secondary);color:var(--color-black);margin:-15px -15px 20px -15px;padding:9px}#second-column li.assignment{background-color:var(--color-quaternary);border-top:2px solid var(--color-tertiary)}#second-column li.assignment h3{background-color:var(--color-primary);color:var(--color-white);position:absolute;right:11px;width:229px}#second-column li.assignment ul{margin:45px 8px 0px 8px}ul>li::before{color:var(--color-tertiary);content:"";font-size:.8em}a.btn{background-color:transparent;border:none;border-radius:0;color:var(--color-black);transition:ease-in border-bottom .05s}a.btn::after{color:var(--color-primary);content:"";display:inline-block;font-family:"FontAwesome";font-size:1em;font-weight:400;margin-left:10px}a.btn:hover{background-color:transparent;border-bottom:2px solid var(--color-primary);color:var(--color-black)}#three-column .border-yellow{border:none}blockquote::before,blockquote::after{color:var(--color-primary)}table caption{color:var(--color-primary)}table.display-lg{width:100% !important}table th{background-color:var(--color-primary);color:var(--color-white)}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-primary);color:var(--color-white)}}#footer>p{color:#005be2}.video-widget .video-card{background:var(--color-quaternary)}.video-widget .video-card a.btn{background-color:var(--color-primary);color:var(--color-white);transition:ease-in border-bottom .05s}.video-widget .video-card a.btn:hover{text-decoration:underline}.video-widget .video-card a.btn::after{color:var(--color-white)}.border{background-color:var(--color-white);border-left:solid 15px var(--color-primary);box-shadow:1px 1px 8px 0 rgba(13,13,13,.25);color:var(--color-black)}.border h3{color:var(--color-black)}.border ul>li::before{color:var(--color-tertiary);content:"";font-size:.8em;margin:0 0px 0 -23px}.call-out{background-color:var(--color-quaternary);color:var(--color-black)}.call-out::before{background-color:var(--color-secondary);color:var(--color-black)}.call-out p{text-align:center}dl.vocab-list dt{background-color:var(--color-quaternary)}dl.vocab-list dt:hover{background-color:var(--color-secondary)}dl.vocab-list button{background-color:var(--color-primary);transition:ease-in text-decoration .05s}dl.vocab-list button:hover{text-decoration:underline}.tabs label{background-color:var(--color-primary)}
package/dist/css/themes/mgt/styles.css ADDED
@@ -0,0 +1 @@
1
+ @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(241, 84, 18, 1);--color-secondary: rgba(30, 30, 30, 1);--color-tertiary: rgba(141, 215, 251, 1);--color-quarternary: rgb(217, 217, 217, 1);--color-quinary: rgba(238, 238, 238, 1);--color-bkg: rgba(243, 241, 234, 1);--black: rgba(15, 15, 15, 1);--blue-bkg: rgba(207, 238, 253, 1);--bkg: rgb(213, 231, 241, 1)}h1{font-family:"Roboto",sans-serif;color:#0f0f0f !important}h2{font-family:"Roboto",sans-serif;color:#000}h3{font-family:"Roboto",sans-serif;color:#000}body{border-top:var(--color-primary);background:var(--color-bkg);background-repeat:repeat;background-size:500px}.content-body{background:var(--color-pcc-white);border:none;box-shadow:0px 0px 10px rgba(15,15,15,.25)}.content-body h2:first-child{margin:-15px -15px 15px -15px;padding:15px 10px;background-color:var(--blue-bkg);border:none;padding:15px;font-weight:700}.content-body h2+*{border-radius:0px}.content-body ul li{padding-left:20px}.content-body ul li::before{margin-left:0}.header img{border:none;max-height:auto;width:100%}.header .text-container{position:static;background:var(--color-pcc-white);padding:20px 0px 20px 0px;padding-bottom:20px !important}.header .text-container h1{text-align:left;margin-left:40px}.header .text-container p{font-family:"Roboto",sans-serif;margin-left:40px;text-align:left}.header .text-container p:first-of-type{margin-top:15px}.header .text-container h1,.header .text-container p{color:var(--black)}.border{background-color:var(--color-bkg);border:none}.border h3{font-family:"Roboto",sans-serif;color:var(--black)}.border.border-yellow{box-shadow:inset 0 0 0 5px var(--black);background-color:var(--black) !important;background-image:none;border-top:none !important;padding:0px}.border.border-yellow h2{text-align:center;color:var(--color-pcc-white) !important;border-top:5px solid var(--color-primary);border-left:5px solid var(--color-primary);background-color:var(--color-primary) !important}.border.border-yellow h2::after{content:"";display:block;background-color:var(--color-primary);height:4px;background-position:0;background-repeat:no-repeat}.border.border-yellow p{padding:15px;color:var(--color-pcc-white)}.border.border-yellow::before{display:none}.icon-assignment::before{font-family:"FontAwesome";font-size:2em;color:var(--color-primary);font-weight:900;content:"";opacity:1;display:block}.icon-person::before{font-family:"FontAwesome";font-size:2em;color:var(--color-primary);font-weight:900;content:"";opacity:1;display:block}#second-column h2{color:var(--black);font-family:"Roboto",serif;background-color:var(--color-pcc-white)}#second-column .content-body h2::after{content:"";display:block;background-color:var(--color-primary);height:4px;background-position:0;background-repeat:no-repeat}#second-column .content-body h2:last-child::after{content:"";display:block;background-color:var(--color-primary);height:4px;background-position:0;background-repeat:no-repeat}.side-by-side{justify-content:center}.side-by-side .side-by-side-item{color:var(--black);display:flex;flex-direction:column;padding:15px;justify-content:center;flex-basis:42%}.side-by-side .side-by-side-item img{margin-top:10px !important;margin-bottom:10px !important;box-shadow:0 0 10px rgba(15,15,15,.25)}.side-by-side .side-by-side-item h3{width:100%}.card-horizontal{background-color:var(--color-pcc-white);border:25px solid var(--color-pcc-white);padding:0px 0px 0px 15px;flex-wrap:wrap;justify-content:center;text-align:center}.card-horizontal .card-body{padding:25px 40px 15px 15px;display:flex;flex-direction:column;justify-content:center;background-color:var(--blue-bkg)}.card-horizontal .card-body p{color:var(--black) !important;text-align:left}.card-horizontal .card-body h3{width:100%;display:block;text-align:left}.card-horizontal .card-body ul{text-align:left}.card-horizontal .card-img{display:flex;justify-content:center}ul>li::before{color:var(--black);content:"";display:inline-block;font-family:"FontAwesome";font-size:.75em;font-weight:400;top:2px}#footer{border-top:2px solid var(--color-pcc-white);background-color:var(--color-pcc-white);padding-bottom:2px}blockquote{color:#000;padding:25px !important;border:25px solid #fff !important;border-right:50px solid #fff !important;border-left:50px solid #fff !important}blockquote::after{color:var(--black);content:"";font-family:"FontAwesome";font-size:1em;font-weight:400;box-shadow:0 -2px 0 var(--color-primary);display:flex;right:50px;width:fit-content}blockquote::before{color:var(--black);content:"";font-family:"FontAwesome";font-size:1em;font-weight:400;border-bottom:2px solid var(--color-primary);display:flex;left:50px;width:fit-content}.call-out{background-color:var(--color-quinary);border:15px solid var(--color-pcc-white);padding:10px;text-align:center}.call-out p{color:var(--black)}.call-out::before{background-color:var(--color-primary)}table th{background-color:var(--color-secondary)}table.display-lg tbody tr td:first-child{background-color:var(--color-secondary)}.video-card h2:first-child{margin:0px;background:none;padding-left:0px}ul,ol{margin:0 0 10px 10px;padding:0px}ul ul,ol ul,ul ol,ol ol{margin-top:10px;margin-left:0px}.no-margin{margin:0px}.no-padding{padding:0px}.btn,dl.vocab-list button{background-color:var(--color-secondary);border:3px solid var(--color-secondary)}.btn:hover,dl.vocab-list button:hover{background-color:var(--color-primary);border:3px solid var(--color-primary)}a.btn,a.btn:visited{color:var(--color-pcc-white)}dl.vocab-list button{border-radius:.3em}@media screen and (min-width: 730px){table.display-lg tbody tr td:first-child{background-color:var(--color-pcc-white)}.card-horizontal{flex-wrap:nowrap}.card-horizontal>:last-child{margin-top:10px !important;margin-bottom:10px !important;margin-left:-50px !important;min-width:150px;z-index:100}}
package/dist/css/themes/pht/styles.css ADDED
@@ -0,0 +1 @@
1
+ @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;700&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(15, 55, 89, 1);--color-secondary: rgba(159, 175, 189, .09);--color-tertiary: rgba(15, 55, 89, .4);--color-quartinary: rgba(34, 112, 180, 0.09);--color-black: rgba(13, 13, 13, 1);--color-white: rgba(255, 255, 255, 1)}h1,h2,h3,h4{font-family:"Merriweather Sans",sans-serif}h1,h2{color:var(--color-white)}body{border-top:none;background-color:rgba(4,85,148,.08)}.header img{border:none}.header .text-container{background:var(--color-primary);box-shadow:inset 9px 0px var(--color-white);border-left:9px solid var(--color-primary);padding:15px 0 15px 20px}.header .text-container h1{text-align:left}.header .text-container p{color:var(--color-white);text-align:left}.content-body{border-top:none;position:relative}.content-body h2:first-child{margin:0}.content-body h2::after{content:"";background-image:url(../../../img/theme-images/pht/phticon.png);background-repeat:no-repeat;background-size:67px;right:6%;padding:16px 78px 44px 0px;position:absolute}.content-body:first-child>h2:first-child::after{content:"";background-image:none}#content-wrapper .content-body:first-child>h2:first-child{background-color:var(--color-primary);border-radius:0px 20px 20px 0px;color:var(--color-white);padding-left:15px;width:90%}#content-wrapper .content-body h2{background-color:var(--color-secondary);color:var(--color-black);margin:-15px -15px 15px -15px;padding-left:15px;width:96%}#two-column #content-wrapper .content-body h2::after{content:"";background-image:url(../../../img/theme-images/pht/phticon.png);background-repeat:no-repeat;background-size:60px;right:30%;padding:16px 78px 44px 0px;position:absolute}#two-column .content-body:first-child>h2:first-child::after{content:"";background-image:none !important}#second-column .content-body h2{background-color:var(--color-secondary);color:var(--color-black);margin:-15px -15px 15px -15px;padding-left:15px}#three-column .content-body h2::after{content:"";background-image:url(../../../img/theme-images/pht/phticon.png);background-repeat:no-repeat;background-size:64px;left:63%;padding:16px 78px 44px 0px;position:absolute}#three-column .content-body:first-child>h2:first-child::after{content:"";background-image:none}#third-column .content-body h2:first-child{background-color:var(--color-secondary);color:var(--color-black);margin:-15px -15px 15px -15px;padding-left:15px}#third-column .content-body:first-child>h2:first-child::after{content:"";background-image:url(../../../img/theme-images/pht/phticon.png);background-repeat:no-repeat;background-size:64px;left:63%;padding:16px 78px 44px 0px;position:absolute}#three-column #second-column .content-body h2::after{content:"";background-image:none}li.assignment{background-color:transparent;border-top:2px solid var(--color-primary);box-shadow:2px 2px 2px 1px rgba(0,0,0,.2)}li.assignment h3{background-color:var(--color-quartinary);color:var(--color-black)}button{background-color:var(--color-primary)}a.btn{background-color:var(--color-primary);border:none;border-radius:0px 20px 20px 0px;color:var(--color-white)}a.btn::after{content:"";display:inline-block;font-family:"FontAwesome";font-size:.75em;font-weight:400;margin-left:10px}a.btn:hover{background-color:var(--color-tertiary);color:var(--color-black)}.border{background-color:var(--color-quartinary);border-left:var(--color-primary);box-shadow:2px 2px 2px 1px rgba(0,0,0,.2)}.border h3{color:var(--color-black)}.border-yellow h2{background-color:transparent !important}.call-out{background-color:var(--color-quartinary)}.call-out::before{background-color:var(--color-primary)}.display-lg thead{background-color:var(--color-primary)}dl.vocab-list button{background-color:var(--color-primary)}dl.vocab-list dt{background-color:var(--color-quartinary)}dl.vocab-list dt:hover{background-color:var(--color-tertiary)}blockquote::before{color:var(--color-tertiary)}blockquote::after{color:var(--color-tertiary)}#footer{background-color:var(--color-white);padding:2px 0}@media screen and (max-width: 768px){table.display-lg tbody td:first-child{background-color:var(--color-primary)}}@media screen and (min-width: 768px){.header .text-container{border-radius:0px 95px 95px 0px;top:30%;position:absolute;width:634px}}
package/dist/js/scripts2.js CHANGED
@@ -205,7 +205,7 @@ const callVocabList = () => {
205
205
  }
206
206
  if (vocabListWidget) {callVocabList();}
207
207
 
208
- //
208
+ // Media Container
209
209
  const addMediaContainersAria = () => {
210
210
  mediaContainers.forEach((eachContainer, index) => {
211
211
  // loopID: find the current index value, convert it to its letter equivalent, then convert to lowercase
@@ -290,6 +290,13 @@ if (document.querySelector(".toggle-btn") || document.querySelector(".toggle-foo
290
290
  }
291
291
  }
292
292
 
293
+ // Change footnotes from 'show' to 'hide'
294
+ const footnotes = document.querySelector(".toggle-footnotes");
295
+
296
+ footnotes.addEventListener("click", () => {
297
+ footnotes.innerHTML = (footnotes.innerHTML === "[Show Footnotes]") ? "[Hide Footnotes]" : "[Show Footnotes]";
298
+ })
299
+
293
300
  // Animated border for HRS theme
294
301
  const hrsBorders = document.querySelectorAll(".hrs-border");
295
302
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pimaonline/pimaonline-themepack",
3
- "version": "2.1.10",
3
+ "version": "2.2.0",
4
4
  "description": "A cloud based, course theme-pack for building courses efficiently within the D2L learning environment.",
5
5
  "main": "index.js",
6
6
  "files": [
@@ -22,14 +22,14 @@
22
22
  },
23
23
  "repository": {
24
24
  "type": "git",
25
- "url": "git+https://github.com/frankiejrey/pimaonline-themepack"
25
+ "url": "git+https://github.com/franreyn/pimaonline-themepack"
26
26
  },
27
27
  "author": "Center for Learning Technology at Pima Community College",
28
28
  "license": "MIT",
29
29
  "bugs": {
30
- "url": "https://github.com/frankiejrey/pimaonline-themepack/issues"
30
+ "url": "https://github.com/franreyn/pimaonline-themepack/issues"
31
31
  },
32
- "homepage": "https://github.com/frankiejrey/pimaonline-themepack",
32
+ "homepage": "https://github.com/franreyn/pimaonline-themepack",
33
33
  "devDependencies": {
34
34
  "gulp": "^4.0.2",
35
35
  "gulp-connect": "^5.7.0",