Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
IDEA-COVID-SafeCampus/www/backtoschool_style.css
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
235 lines (184 sloc)
18.8 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*--------------------BACK-TO-SCHOOL---------------------*/ | |
| .footer{ | |
| text-align: center; | |
| margin-bottom: 5%; | |
| margin-top: 4.5vh; | |
| position: absolute; | |
| width: 100%; | |
| font-size: 1.5em; | |
| color: #900000; | |
| font-weight: 300; | |
| } | |
| /*-------Landing Page-------*/ | |
| /*flex container styling*/ | |
| .flex-container { | |
| --width-mobile: 12; | |
| display: -ms-flex; | |
| display: -webkit-flex; | |
| display: flex; | |
| margin: 0 -10px; | |
| justify-content: space-around; | |
| flex-wrap: wrap; | |
| height: inherit; | |
| padding-right: 10vw; | |
| padding-left: 10vw; | |
| } | |
| .column { | |
| --columns: 12; /* number of columns in the grid system */ | |
| --width: var(--width-mobile, 0); /* default width of the element */ | |
| flex-basis: calc(var(--width) / var(--columns) * 100%); | |
| } | |
| @media (min-width: 576px) { | |
| .column { | |
| --width: var(--width-desktop, var(--width-mobile, 0)); | |
| } | |
| } | |
| .flex-div { | |
| --width-desktop: 4; | |
| --width-mobile: 12; | |
| --width-tablet: 6; | |
| padding: 1%; | |
| align-items: center; | |
| margin: 0 -10px; | |
| max-width: 250px; | |
| } | |
| .primary_school{ | |
| height: 155px; | |
| background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236e6e6e;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M141.61,58.88H127V49.71L132.1,54l2.16-2.55L113.18,33.66,92.12,51.47,94.28,54l5.1-4.31v9.17H84.75L65.24,83.14h8.65v39.32h78.58V83.14h8.65ZM101.78,46.76l11.4-9.64,11.4,9.64v13h-22.8Zm-8.38,70.7H82.83V105.27H93.4Zm0-19H82.83V90.37a5.29,5.29,0,0,1,10.57,0Zm19.2,22.91h-8v-16.1h8Zm-4.71-22.91V90.37a5.29,5.29,0,1,1,10.58,0v8.12Zm13.9,22.91h-8v-16.1h8Zm21.74-3.94H133V105.27h10.57Zm0-19H133V90.37a5.29,5.29,0,0,1,10.57,0Z'/%3E%3Cpath class='cls-1' d='M124.58,46.76l-11.4-9.64-11.4,9.64v13h22.8Zm-.92,12.12h-21v-12L113.18,38l10.48,8.86Z'/%3E%3Cpath class='cls-1' d='M111.29,43.42a1.13,1.13,0,0,0,0,.26A5.61,5.61,0,0,0,107.66,48l-1,5.74c-.61.38-1,.81-1,1.28,0,1.44,3.34,2.61,7.45,2.61s7.44-1.17,7.44-2.61c0-.47-.34-.9-1-1.28l-1-5.74a5.62,5.62,0,0,0-3.65-4.35,1.13,1.13,0,0,0,0-.26,1.89,1.89,0,0,0-3.78,0h0Zm1.89-1a1,1,0,0,1,1,1h0a5.6,5.6,0,0,0-2,0h0a1,1,0,0,1,1-1h0Zm.14,13.34a1.25,1.25,0,0,0,1.26-1.26h0a1,1,0,0,0,0-.25c2.48.12,4.32.55,4.32,1.06s-2.52,1.09-5.63,1.09-5.64-.49-5.64-1.09,1.93-1,4.49-1.07a1.13,1.13,0,0,0,0,.26,1.26,1.26,0,0,0,1.2,1.24Z'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| background-size: 80%; | |
| } | |
| .primary_school:hover{ | |
| background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23900000;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M141.61,58.88H127V49.71L132.1,54l2.16-2.55L113.18,33.66,92.12,51.47,94.28,54l5.1-4.31v9.17H84.75L65.24,83.14h8.65v39.32h78.58V83.14h8.65ZM101.78,46.76l11.4-9.64,11.4,9.64v13h-22.8Zm-8.38,70.7H82.83V105.27H93.4Zm0-19H82.83V90.37a5.29,5.29,0,0,1,10.57,0Zm19.2,22.91h-8v-16.1h8Zm-4.71-22.91V90.37a5.29,5.29,0,1,1,10.58,0v8.12Zm13.9,22.91h-8v-16.1h8Zm21.74-3.94H133V105.27h10.57Zm0-19H133V90.37a5.29,5.29,0,0,1,10.57,0Z'/%3E%3Cpath class='cls-1' d='M124.58,46.76l-11.4-9.64-11.4,9.64v13h22.8Zm-.92,12.12h-21v-12L113.18,38l10.48,8.86Z'/%3E%3Cpath class='cls-1' d='M111.29,43.42a1.13,1.13,0,0,0,0,.26A5.61,5.61,0,0,0,107.66,48l-1,5.74c-.61.38-1,.81-1,1.28,0,1.44,3.34,2.61,7.45,2.61s7.44-1.17,7.44-2.61c0-.47-.34-.9-1-1.28l-1-5.74a5.62,5.62,0,0,0-3.65-4.35,1.13,1.13,0,0,0,0-.26,1.89,1.89,0,0,0-3.78,0h0Zm1.89-1a1,1,0,0,1,1,1h0a5.6,5.6,0,0,0-2,0h0a1,1,0,0,1,1-1h0Zm.14,13.34a1.25,1.25,0,0,0,1.26-1.26h0a1,1,0,0,0,0-.25c2.48.12,4.32.55,4.32,1.06s-2.52,1.09-5.63,1.09-5.64-.49-5.64-1.09,1.93-1,4.49-1.07a1.13,1.13,0,0,0,0,.26,1.26,1.26,0,0,0,1.2,1.24Z'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); | |
| background-size: 85%; | |
| } | |
| .secondary_school{ | |
| height: 155px; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236e6e6e;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M67.46,117.49h91.36V83.6H67.46Zm76.32-18.58a4.77,4.77,0,1,1,9.54,0h0V107h-9.54Zm-13.74,0a4.78,4.78,0,0,1,9.55-.44,3.23,3.23,0,0,1,0,.44V107H130Zm-24.83,3.33a7.93,7.93,0,0,1,7-7.86V93.19h2.1v1.22a7.92,7.92,0,0,1,6.79,7.83v13.43h-6.79v1.66h-2.1v-1.66h-7ZM86.7,98.87a4.77,4.77,0,1,1,9.54,0h0V107H86.7Zm-13.7,0a4.77,4.77,0,0,1,9.54,0h0V107H73Z'/%3E%3Cpath class='cls-1' d='M67.46,80.45h91.36V49.7H67.46Zm76.4-14.57a4.78,4.78,0,0,1,9.55,0V74h-9.55Zm-13.73,0a4.77,4.77,0,1,1,9.54,0h0V74h-9.54Zm-10,2.63V59a4.78,4.78,0,0,1,4.79,4.77h0V74H120.1Zm-11.65-9a4.78,4.78,0,0,1,9.56,0V74h-9.56Zm-6.88,4.14a4.78,4.78,0,0,1,4.78-4.78v15H101.6Zm-14.82,2.2a4.78,4.78,0,0,1,9.55,0v8.08H86.78ZM73,65.88a4.78,4.78,0,0,1,9.55,0V74H73Z'/%3E%3Crect class='cls-1' x='112.18' y='115.67' width='2.1' height='1.66'/%3E%3Cpath class='cls-1' d='M114.28,94.41V93.19h-2.1v1.19a8.39,8.39,0,0,1,1-.06A10,10,0,0,1,114.28,94.41Z'/%3E%3Cpath class='cls-1' d='M114.28,115.67V94.41a7.3,7.3,0,0,0-1.14-.09,8.39,8.39,0,0,0-1,.06v21.29Z'/%3E%3Cpolygon class='cls-1' points='113.97 42.44 112.66 42.44 62.49 42.44 62.49 47.33 163.79 47.33 163.79 42.44 113.97 42.44'/%3E%3Crect class='cls-1' x='112.66' y='26.06' width='1.31' height='16.38'/%3E%3Cpolygon class='cls-1' points='123.07 29.89 126.72 26.06 114.93 26.06 114.93 33.72 126.72 33.72 123.07 29.89'/%3E%3Crect class='cls-1' x='105.21' y='119.01' width='15.85' height='2.33'/%3E%3Crect class='cls-1' x='103.39' y='123.44' width='19.51' height='2.33'/%3E%3Crect class='cls-1' x='101.8' y='127.73' width='22.68' height='2.33'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 80%; | |
| } | |
| .secondary_school:hover{ | |
| background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23900000;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M67.46,117.49h91.36V83.6H67.46Zm76.32-18.58a4.77,4.77,0,1,1,9.54,0h0V107h-9.54Zm-13.74,0a4.78,4.78,0,0,1,9.55-.44,3.23,3.23,0,0,1,0,.44V107H130Zm-24.83,3.33a7.93,7.93,0,0,1,7-7.86V93.19h2.1v1.22a7.92,7.92,0,0,1,6.79,7.83v13.43h-6.79v1.66h-2.1v-1.66h-7ZM86.7,98.87a4.77,4.77,0,1,1,9.54,0h0V107H86.7Zm-13.7,0a4.77,4.77,0,0,1,9.54,0h0V107H73Z'/%3E%3Cpath class='cls-1' d='M67.46,80.45h91.36V49.7H67.46Zm76.4-14.57a4.78,4.78,0,0,1,9.55,0V74h-9.55Zm-13.73,0a4.77,4.77,0,1,1,9.54,0h0V74h-9.54Zm-10,2.63V59a4.78,4.78,0,0,1,4.79,4.77h0V74H120.1Zm-11.65-9a4.78,4.78,0,0,1,9.56,0V74h-9.56Zm-6.88,4.14a4.78,4.78,0,0,1,4.78-4.78v15H101.6Zm-14.82,2.2a4.78,4.78,0,0,1,9.55,0v8.08H86.78ZM73,65.88a4.78,4.78,0,0,1,9.55,0V74H73Z'/%3E%3Crect class='cls-1' x='112.18' y='115.67' width='2.1' height='1.66'/%3E%3Cpath class='cls-1' d='M114.28,94.41V93.19h-2.1v1.19a8.39,8.39,0,0,1,1-.06A10,10,0,0,1,114.28,94.41Z'/%3E%3Cpath class='cls-1' d='M114.28,115.67V94.41a7.3,7.3,0,0,0-1.14-.09,8.39,8.39,0,0,0-1,.06v21.29Z'/%3E%3Cpolygon class='cls-1' points='113.97 42.44 112.66 42.44 62.49 42.44 62.49 47.33 163.79 47.33 163.79 42.44 113.97 42.44'/%3E%3Crect class='cls-1' x='112.66' y='26.06' width='1.31' height='16.38'/%3E%3Cpolygon class='cls-1' points='123.07 29.89 126.72 26.06 114.93 26.06 114.93 33.72 126.72 33.72 123.07 29.89'/%3E%3Crect class='cls-1' x='105.21' y='119.01' width='15.85' height='2.33'/%3E%3Crect class='cls-1' x='103.39' y='123.44' width='19.51' height='2.33'/%3E%3Crect class='cls-1' x='101.8' y='127.73' width='22.68' height='2.33'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 85%; | |
| } | |
| .boarding_school{ | |
| height: 155px; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 163.55'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236e6e6e;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M132.13,129.13h15.48V59.3l-34.78-19-34.77,19v69.83h26.53m25.94-43.6h8.53V97.34h-8.53ZM86,86.43h8.52v11.8H86Zm15.06,42.69h-8M105,98.23H96.45V86.43H105Zm23.65-.89H120.1V85.53h8.53Zm-6-32.67a9.78,9.78,0,1,1-9.78-9.78h0a9.77,9.77,0,0,1,9.74,9.78Z'/%3E%3Cpolygon class='cls-1' points='72.95 48.8 72.95 57.26 112.83 35.45 152.72 57.26 152.72 48.8 112.83 26.98 72.95 48.8'/%3E%3Cpath class='cls-1' d='M152.87,129.13h58.44V91.44H152.87Zm42.28-32.4h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM184.72,96.73h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM170.93,96.73h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM160.5,96.73H169v11.8h-8.5Zm0,16.38H169v11.8h-8.5Z'/%3E%3Cpath class='cls-1' d='M14.36,129.13H72.79V91.44H14.36Zm42.28-32.4h8.52v11.8H56.64Zm0,16.38h8.52v11.8H56.64ZM46.21,96.73h8.52v11.8H46.21Zm0,16.38h8.52v11.8H46.21ZM32.42,96.73h8.52v11.8H32.42Zm0,16.38h8.52v11.8H32.42ZM22,96.73h8.52v11.8H22Zm0,16.38h8.52v11.8H22Z'/%3E%3Cpolygon class='cls-1' points='14.36 87.92 72.79 87.92 72.79 69.08 31.2 69.08 14.36 87.92'/%3E%3Cpolygon class='cls-1' points='194.46 69.08 152.87 69.08 152.87 87.92 211.31 87.92 194.46 69.08'/%3E%3Cpath class='cls-1' d='M118.26,65h-4.2V58.1h-1.79v8.8h6Z'/%3E%3Crect class='cls-2' width='226.36' height='163.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 80%; | |
| } | |
| .boarding_school:hover{ | |
| background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 163.55'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23900000;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M132.13,129.13h15.48V59.3l-34.78-19-34.77,19v69.83h26.53m25.94-43.6h8.53V97.34h-8.53ZM86,86.43h8.52v11.8H86Zm15.06,42.69h-8M105,98.23H96.45V86.43H105Zm23.65-.89H120.1V85.53h8.53Zm-6-32.67a9.78,9.78,0,1,1-9.78-9.78h0a9.77,9.77,0,0,1,9.74,9.78Z'/%3E%3Cpolygon class='cls-1' points='72.95 48.8 72.95 57.26 112.83 35.45 152.72 57.26 152.72 48.8 112.83 26.98 72.95 48.8'/%3E%3Cpath class='cls-1' d='M152.87,129.13h58.44V91.44H152.87Zm42.28-32.4h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM184.72,96.73h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM170.93,96.73h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM160.5,96.73H169v11.8h-8.5Zm0,16.38H169v11.8h-8.5Z'/%3E%3Cpath class='cls-1' d='M14.36,129.13H72.79V91.44H14.36Zm42.28-32.4h8.52v11.8H56.64Zm0,16.38h8.52v11.8H56.64ZM46.21,96.73h8.52v11.8H46.21Zm0,16.38h8.52v11.8H46.21ZM32.42,96.73h8.52v11.8H32.42Zm0,16.38h8.52v11.8H32.42ZM22,96.73h8.52v11.8H22Zm0,16.38h8.52v11.8H22Z'/%3E%3Cpolygon class='cls-1' points='14.36 87.92 72.79 87.92 72.79 69.08 31.2 69.08 14.36 87.92'/%3E%3Cpolygon class='cls-1' points='194.46 69.08 152.87 69.08 152.87 87.92 211.31 87.92 194.46 69.08'/%3E%3Cpath class='cls-1' d='M118.26,65h-4.2V58.1h-1.79v8.8h6Z'/%3E%3Crect class='cls-2' width='226.36' height='163.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 85%; | |
| } | |
| .college_school{ | |
| background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236e6e6e;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M62.72,15.43V22.3H29.36V15.43H23.87V132.81h5.49V99.58h9.33v33.23h2.68V99.58h9.34v33.23h2.68V99.58h9.33v33.23h5.49V15.43Zm-24,80.12H29.36v-17h9.33ZM40,51.15H33.3V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5Zm2.81-13.36c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15H42.73Zm8,57.76H41.37v-17h9.34Zm1.45-44.4V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15Zm10.56,44.4H53.39v-17h9.33Z'/%3E%3Cpath class='cls-1' d='M197.14,15.43V22.3H163.78V15.43h-5.49V132.81h5.49V99.58h9.34v33.23h2.67V99.58h9.34v33.23h2.68V99.58h9.33v33.23h5.49V15.43Zm-24,80.12H163.8v-17h9.34Zm1.22-44.4h-6.62V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5Zm2.81-13.36c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15h-6.62Zm8,57.76h-9.34v-17h9.34Zm1.45-44.4V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15Zm10.56,44.4h-9.33v-17h9.33Z'/%3E%3Cpath class='cls-1' d='M69.56,129.87h87.06V100.68H69.56Zm72.73-16a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.1,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-23.66,2.87c0-3.49,2.9-6.36,6.64-6.77v-1h2v1a7.1,7.1,0,0,1,6.47,6.75v11.55h-6.47v1.44h-2v-1.44h-6.64Zm-17.65-2.91a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.09,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Z'/%3E%3Cpath class='cls-1' d='M69.56,98h87.06V71.5H69.56Zm72.81-12.55a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.09,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-9.55,2.26V79.46a4.35,4.35,0,0,1,4.55,4.12v8.81h-4.55ZM108.61,80a4.58,4.58,0,0,1,9.12,0V92.39h-9.12Zm-6.55,3.57a4.34,4.34,0,0,1,4.56-4.12V92.36h-4.56ZM88,85.4a4.57,4.57,0,0,1,9.1,0v7H88Zm-13.1,0a4.57,4.57,0,0,1,9.1,0v7H74.9Z'/%3E%3Crect class='cls-1' x='112.17' y='128.29' width='2' height='1.43'/%3E%3Cpath class='cls-1' d='M114.17,110v-1h-2v1c.3,0,.61-.06.92-.06A9.77,9.77,0,0,1,114.17,110Z'/%3E%3Cpath class='cls-1' d='M114.17,128.29V110a9.81,9.81,0,0,0-1.08-.08,4.69,4.69,0,0,0-.92.06V128.3Z'/%3E%3Cpolygon class='cls-1' points='113.8 67.35 112.68 67.35 69.56 67.35 69.56 69.46 156.62 69.46 156.62 67.35 113.8 67.35'/%3E%3Crect class='cls-1' x='112.63' y='51.15' width='1.24' height='14.1'/%3E%3Cpolygon class='cls-1' points='122.55 54.45 126.03 51.15 114.79 51.15 114.79 57.74 126.03 57.74 122.55 54.45'/%3E%3Crect class='cls-1' x='105.53' y='131.18' width='15.11' height='2'/%3E%3Crect class='cls-1' x='103.79' y='134.98' width='18.59' height='2'/%3E%3Crect class='cls-1' x='102.28' y='138.68' width='21.61' height='2'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| height: 155px; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| background-size: 80%; | |
| } | |
| .college_school:hover{ | |
| background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23900000;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M62.72,15.43V22.3H29.36V15.43H23.87V132.81h5.49V99.58h9.33v33.23h2.68V99.58h9.34v33.23h2.68V99.58h9.33v33.23h5.49V15.43Zm-24,80.12H29.36v-17h9.33ZM40,51.15H33.3V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5Zm2.81-13.36c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15H42.73Zm8,57.76H41.37v-17h9.34Zm1.45-44.4V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15Zm10.56,44.4H53.39v-17h9.33Z'/%3E%3Cpath class='cls-1' d='M197.14,15.43V22.3H163.78V15.43h-5.49V132.81h5.49V99.58h9.34v33.23h2.67V99.58h9.34v33.23h2.68V99.58h9.33v33.23h5.49V15.43Zm-24,80.12H163.8v-17h9.34Zm1.22-44.4h-6.62V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5Zm2.81-13.36c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15h-6.62Zm8,57.76h-9.34v-17h9.34Zm1.45-44.4V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15Zm10.56,44.4h-9.33v-17h9.33Z'/%3E%3Cpath class='cls-1' d='M69.56,129.87h87.06V100.68H69.56Zm72.73-16a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.1,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-23.66,2.87c0-3.49,2.9-6.36,6.64-6.77v-1h2v1a7.1,7.1,0,0,1,6.47,6.75v11.55h-6.47v1.44h-2v-1.44h-6.64Zm-17.65-2.91a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.09,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Z'/%3E%3Cpath class='cls-1' d='M69.56,98h87.06V71.5H69.56Zm72.81-12.55a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.09,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-9.55,2.26V79.46a4.35,4.35,0,0,1,4.55,4.12v8.81h-4.55ZM108.61,80a4.58,4.58,0,0,1,9.12,0V92.39h-9.12Zm-6.55,3.57a4.34,4.34,0,0,1,4.56-4.12V92.36h-4.56ZM88,85.4a4.57,4.57,0,0,1,9.1,0v7H88Zm-13.1,0a4.57,4.57,0,0,1,9.1,0v7H74.9Z'/%3E%3Crect class='cls-1' x='112.17' y='128.29' width='2' height='1.43'/%3E%3Cpath class='cls-1' d='M114.17,110v-1h-2v1c.3,0,.61-.06.92-.06A9.77,9.77,0,0,1,114.17,110Z'/%3E%3Cpath class='cls-1' d='M114.17,128.29V110a9.81,9.81,0,0,0-1.08-.08,4.69,4.69,0,0,0-.92.06V128.3Z'/%3E%3Cpolygon class='cls-1' points='113.8 67.35 112.68 67.35 69.56 67.35 69.56 69.46 156.62 69.46 156.62 67.35 113.8 67.35'/%3E%3Crect class='cls-1' x='112.63' y='51.15' width='1.24' height='14.1'/%3E%3Cpolygon class='cls-1' points='122.55 54.45 126.03 51.15 114.79 51.15 114.79 57.74 126.03 57.74 122.55 54.45'/%3E%3Crect class='cls-1' x='105.53' y='131.18' width='15.11' height='2'/%3E%3Crect class='cls-1' x='103.79' y='134.98' width='18.59' height='2'/%3E%3Crect class='cls-1' x='102.28' y='138.68' width='21.61' height='2'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 85%; | |
| } | |
| #school_icon:hover{ | |
| fill: #900000; | |
| } | |
| .title-rside{ | |
| display:none; | |
| } | |
| h2.landing-body{ | |
| margin-bottom: 0.25em; | |
| font-size: 3.667em; | |
| font-weight: 200; | |
| letter-spacing: 1px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| color: #900; | |
| margin-bottom: .5em; | |
| } | |
| h3.landing-body-copy{ | |
| font-size: 1.9em; | |
| color: #595959; | |
| line-height: 1.6em; | |
| font-weight: 300; | |
| padding-bottom: .2em; | |
| text-align: center; | |
| } | |
| a{ | |
| color: #900000; | |
| } | |
| .profile_questions{ | |
| font-size: 1.25rem; | |
| font-weight: normal; | |
| line-height: 1.75em; | |
| font-family: "Source Sans Pro"; | |
| } | |
| /*------------------------Input Styling---------------------------*/ | |
| .schoolMetrics{ | |
| margin: auto; | |
| width: 100%; | |
| max-width: 700px; | |
| text-align:center; | |
| } | |
| .schoolMetrics label{ | |
| color: #f0f0f0; | |
| } | |
| .btn-continue{ | |
| display: inline-block; | |
| padding: 0.75em 1.5em; | |
| background-color: #990011; | |
| border-radius: 0; | |
| color: #fff; | |
| cursor: pointer; | |
| text-decoration: none; | |
| font-family: "Source Sans Pro"; | |
| font-size: 2rem; | |
| font-weight: 800; | |
| letter-spacing: 1px; | |
| text-transform: uppercase; | |
| white-space: inherit; | |
| border: 3px solid #990011; | |
| line-height: 1.25; | |
| text-align: center; | |
| vertical-align: middle; | |
| transition: all .2s ease-in-out; | |
| -webkit-appearance: button; | |
| } | |
| .profile-input{ | |
| padding-bottom: 3%; | |
| } | |
| .downloader-cache { | |
| text-align: center; | |
| } | |
| /*section.sidebar .shiny-bound-input.action-button, section.sidebar .shiny-bound-input.action-link{*/ | |
| .opt-button { | |
| float: right; | |
| margin-top: 10px; | |
| background-color: transparent; | |
| border: none; | |
| } | |
| .profiler-button { | |
| max-width:50%; | |
| float: left; | |
| } | |
| .sidebar-menu>li { | |
| display: none; | |
| } | |
| h3.zip{ | |
| padding-bottom: 5%; | |
| } | |
| h2.zip{ | |
| padding-bottom: 2%; | |
| } | |
| .zip-box{ | |
| padding: 0 10% 0 10%; | |
| } | |
| div.zip-upload.form-group.shiny-input-container:not(.shiny-input-container-inline){ | |
| padding: 0; | |
| } |