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?
dmd5470-mr/css/midterm.css
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
945 lines (842 sloc)
32.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
| /*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ | |
| * main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme | |
| * What follows is the result of much research on cross-browser styling. | |
| * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, | |
| * Kroc Camen, and the H5BP dev community and team. | |
| ========================================================================== | |
| Base styles: opinionated defaults | |
| ========================================================================== */ | |
| /* line 14, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| html { | |
| color: #222; | |
| font-size: 1em; | |
| line-height: 1.4; | |
| } | |
| /* | |
| * Remove text-shadow in selection highlight: | |
| * https://twitter.com/miketaylr/status/12228805301 | |
| * | |
| * Vendor-prefixed and regular ::selection selectors cannot be combined: | |
| * https://stackoverflow.com/a/16982510/7133471 | |
| * | |
| * Customize the background color to match your design. | |
| */ | |
| /* line 30, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| ::-moz-selection { | |
| background: #b3d4fc; | |
| text-shadow: none; | |
| } | |
| /* line 35, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| ::selection { | |
| background: #b3d4fc; | |
| text-shadow: none; | |
| } | |
| /* | |
| * A better looking default horizontal rule | |
| */ | |
| /* line 44, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| hr { | |
| display: block; | |
| height: 1px; | |
| border: 0; | |
| border-top: 1px solid #ccc; | |
| margin: 1em 0; | |
| padding: 0; | |
| } | |
| /* | |
| * Remove the gap between audio, canvas, iframes, | |
| * images, videos and the bottom of their containers: | |
| * https://github.com/h5bp/html5-boilerplate/issues/440 | |
| */ | |
| /* line 59, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| audio, | |
| canvas, | |
| iframe, | |
| img, | |
| svg, | |
| video { | |
| vertical-align: middle; | |
| } | |
| /* | |
| * Remove default fieldset styles. | |
| */ | |
| /* line 72, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| fieldset { | |
| border: 0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /* | |
| * Allow only vertical resizing of textareas. | |
| */ | |
| /* line 82, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| textarea { | |
| resize: vertical; | |
| } | |
| /* ========================================================================== | |
| Browser Upgrade Prompt | |
| ========================================================================== */ | |
| /* line 90, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .browserupgrade { | |
| margin: 0.2em 0; | |
| background: #ccc; | |
| color: #000; | |
| padding: 0.2em 0; | |
| } | |
| /* ========================================================================== | |
| Author's custom styles | |
| ========================================================================== */ | |
| /* line 102, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| body { | |
| background-color: black; | |
| } | |
| /* line 106, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #body-wrapper { | |
| font-family: sans-serif; | |
| /* choose a better font */ | |
| margin: 0 auto; | |
| max-width: 750px; | |
| text-align: center; | |
| } | |
| /* line 113, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| header { | |
| background-color: white; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| } | |
| /* line 120, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| ul, ol { | |
| text-align: left; | |
| margin-left: 10%; | |
| margin-right: 10%; | |
| } | |
| /* line 126, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .copy { | |
| padding: 10px 50px; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: space-around; | |
| } | |
| /* line 133, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-wrapper { | |
| height: 400px; | |
| display: grid; | |
| grid-template-columns: 1fr; | |
| grid-template-rows: 1fr auto 1fr; | |
| } | |
| /* line 140, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-wrapper p { | |
| grid-row: 2/3; | |
| grid-column: 1/2; | |
| } | |
| /* line 145, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-container { | |
| overflow: hidden; | |
| height: 100%; | |
| grid-row: 1/4; | |
| grid-column: 1/2; | |
| position: relative; | |
| } | |
| /* line 153, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle { | |
| position: absolute; | |
| border-radius: 50%; | |
| margin: 15px; | |
| background: white; | |
| } | |
| /* line 160, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .starburst { | |
| position: absolute; | |
| transform-origin: center; | |
| } | |
| /* line 165, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst1 { | |
| left: 20px; | |
| animation: burst1 4s ease-in infinite backwards; | |
| } | |
| /* line 170, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst2 { | |
| left: 125px; | |
| animation: burst2 4s ease-in infinite backwards; | |
| } | |
| /* line 175, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst3 { | |
| left: 250px; | |
| animation: burst3 4s ease-in infinite backwards; | |
| } | |
| /* line 180, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst4 { | |
| left: 400px; | |
| animation: burst4 4s ease-in infinite backwards; | |
| } | |
| /* line 185, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst5 { | |
| left: 575px; | |
| animation: burst5 4s ease-in infinite backwards; | |
| } | |
| @keyframes flicker { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 100% { | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes burst1 { | |
| 0%, 20% { | |
| transform: rotate(-10deg) scale(1, 0.8); | |
| opacity: 0; | |
| top: 50px; | |
| } | |
| 25% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| transform: scale(1, 0.5); | |
| top: 50px; | |
| } | |
| 75% { | |
| opacity: .5; | |
| } | |
| 100% { | |
| opacity: 0; | |
| transform: rotate(10deg) scale(1, 0.3); | |
| top: 250px; | |
| } | |
| } | |
| @keyframes burst2 { | |
| 0%, 20% { | |
| transform: scale(1, 0.8); | |
| opacity: 0; | |
| top: 75px; | |
| } | |
| 25% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| transform: scale(1, 0.5); | |
| top: 75px; | |
| } | |
| 75% { | |
| opacity: .5; | |
| } | |
| 100% { | |
| opacity: 0; | |
| transform: scale(1, 0.3); | |
| top: 275px; | |
| } | |
| } | |
| @keyframes burst3 { | |
| 0%, 20% { | |
| transform: scale(1, 0.8); | |
| opacity: 0; | |
| top: 75px; | |
| } | |
| 25% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| transform: scale(1, 0.5); | |
| top: 75px; | |
| } | |
| 75% { | |
| opacity: .5; | |
| } | |
| 100% { | |
| opacity: 0; | |
| transform: scale(1, 0.3); | |
| top: 275px; | |
| } | |
| } | |
| @keyframes burst4 { | |
| 0%, 20% { | |
| transform: scale(1, 0.8); | |
| opacity: 0; | |
| top: 75px; | |
| } | |
| 25% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| transform: scale(1, 0.5); | |
| top: 75px; | |
| } | |
| 75% { | |
| opacity: .5; | |
| } | |
| 100% { | |
| opacity: 0; | |
| transform: scale(1, 0.3); | |
| top: 275px; | |
| } | |
| } | |
| @keyframes burst5 { | |
| 0%, 20% { | |
| transform: scale(1, 0.8); | |
| opacity: 0; | |
| top: 75px; | |
| } | |
| 25% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| transform: scale(1, 0.5); | |
| top: 75px; | |
| } | |
| 75% { | |
| opacity: .5; | |
| } | |
| 100% { | |
| opacity: 0; | |
| transform: scale(1, 0.3); | |
| top: 275px; | |
| } | |
| } | |
| @keyframes grow { | |
| 0%, 20% { | |
| transform-origin: center; | |
| top: 100px; | |
| left: 100px; | |
| } | |
| 25% { | |
| transform-origin: 25px 25px; | |
| top: 75px; | |
| left: 75px; | |
| } | |
| 75% { | |
| transform-origin: 75px 75px; | |
| top: 25px; | |
| left: 25px; | |
| } | |
| 100% { | |
| transform-origin: 100px 100px; | |
| top: 0px; | |
| left: 0px; | |
| } | |
| } | |
| /* line 337, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .star-wrapper { | |
| position: absolute; | |
| animation: flicker 100ms steps(2, jump-none) infinite, grow 4s linear infinite backwards; | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate1 { | |
| transform: rotate(36deg); | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate2 { | |
| transform: rotate(72deg); | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate3 { | |
| transform: rotate(108deg); | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate4 { | |
| transform: rotate(144deg); | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate5 { | |
| transform: rotate(180deg); | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate6 { | |
| transform: rotate(216deg); | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate7 { | |
| transform: rotate(252deg); | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate8 { | |
| transform: rotate(288deg); | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate9 { | |
| transform: rotate(324deg); | |
| } | |
| /* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .rotate10 { | |
| transform: rotate(360deg); | |
| } | |
| /* line 352, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst1 .particle-star { | |
| background: magenta; | |
| } | |
| /* line 356, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst1 .particle-star:before { | |
| background: magenta; | |
| } | |
| /* line 360, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst2 .particle-star { | |
| background: violet; | |
| } | |
| /* line 364, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst2 .particle-star:before { | |
| background: violet; | |
| } | |
| /* line 368, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst3 .particle-star { | |
| background: violet; | |
| } | |
| /* line 372, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst3 .particle-star:before { | |
| background: violet; | |
| } | |
| /* line 376, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst4 .particle-star { | |
| background: violet; | |
| } | |
| /* line 380, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst4 .particle-star:before { | |
| background: violet; | |
| } | |
| /* line 384, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst5 .particle-star { | |
| background: violet; | |
| } | |
| /* line 388, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #starburst5 .particle-star:before { | |
| background: violet; | |
| } | |
| /* line 392, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-star { | |
| opacity: 1; | |
| width: 6px; | |
| height: 6px; | |
| position: absolute; | |
| text-align: center; | |
| transform: rotate(20deg); | |
| } | |
| /* line 400, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-star:before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| height: 6px; | |
| width: 6px; | |
| opacity: 1; | |
| transform: rotate(135deg); | |
| } | |
| @keyframes blur_fade { | |
| 0% { | |
| height: 2px; | |
| width: 2px; | |
| opacity: 0; | |
| } | |
| 20% { | |
| filter: blur(0.2); | |
| opacity: 0.3; | |
| } | |
| 100% { | |
| height: 40px; | |
| width: 40px; | |
| filter: blur(3px); | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes circle { | |
| 0% { | |
| transform-origin: -10px -10px; | |
| transform: rotate(0deg); | |
| } | |
| 100% { | |
| transform-origin: -10px -10px; | |
| transform: rotate(360deg); | |
| } | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(1) { | |
| top: 100px; | |
| left: 350px; | |
| animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| animation-delay: 3s, 4s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(2) { | |
| top: 300px; | |
| left: 150px; | |
| animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation-delay: 12s, 4s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(3) { | |
| top: 150px; | |
| left: 150px; | |
| animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
| animation-delay: 6s, 0s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(4) { | |
| top: 400px; | |
| left: 150px; | |
| animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
| animation-delay: 0s, 2s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(5) { | |
| top: 200px; | |
| left: 350px; | |
| animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
| animation-delay: 13s, 0s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(6) { | |
| top: 300px; | |
| left: 500px; | |
| animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| animation-delay: 12s, 1s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(7) { | |
| top: 300px; | |
| left: 550px; | |
| animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
| animation-delay: 9s, 4s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(8) { | |
| top: 400px; | |
| left: 350px; | |
| animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
| animation-delay: 13s, 2s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(9) { | |
| top: 100px; | |
| left: 600px; | |
| animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation-delay: 12s, 2s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(10) { | |
| top: 200px; | |
| left: 450px; | |
| animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| animation-delay: 10s, 4s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(11) { | |
| top: 300px; | |
| left: 350px; | |
| animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
| animation-delay: 6s, 4s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(12) { | |
| top: 100px; | |
| left: 150px; | |
| animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation-delay: 2s, 0s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(13) { | |
| top: 350px; | |
| left: 250px; | |
| animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
| animation-delay: 10s, 0s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(14) { | |
| top: 150px; | |
| left: 500px; | |
| animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation-delay: 14s, 2s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(15) { | |
| top: 300px; | |
| left: 300px; | |
| animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation-delay: 9s, 2s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(16) { | |
| top: 350px; | |
| left: 100px; | |
| animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation-delay: 10s, 0s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(17) { | |
| top: 50px; | |
| left: 150px; | |
| animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
| animation-delay: 6s, 2s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(18) { | |
| top: 350px; | |
| left: 350px; | |
| animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
| animation-delay: 5s, 1s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(19) { | |
| top: 350px; | |
| left: 700px; | |
| animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
| animation-delay: 12s, 4s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(20) { | |
| top: 350px; | |
| left: 100px; | |
| animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
| animation-delay: 3s, 1s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(21) { | |
| top: 50px; | |
| left: 250px; | |
| animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation-delay: 3s, 2s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(22) { | |
| top: 250px; | |
| left: 250px; | |
| animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
| animation-delay: 0s, 2s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(23) { | |
| top: 250px; | |
| left: 500px; | |
| animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation-delay: 11s, 1s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(24) { | |
| top: 400px; | |
| left: 100px; | |
| animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
| animation-delay: 3s, 1s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(25) { | |
| top: 50px; | |
| left: 550px; | |
| animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
| animation-delay: 7s, 4s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(26) { | |
| top: 250px; | |
| left: 250px; | |
| animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
| animation-delay: 3s, 0s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(27) { | |
| top: 250px; | |
| left: 450px; | |
| animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
| animation-delay: 14s, 2s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(28) { | |
| top: 300px; | |
| left: 50px; | |
| animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| animation-delay: 5s, 3s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(29) { | |
| top: 150px; | |
| left: 150px; | |
| animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
| animation-delay: 12s, 0s; | |
| } | |
| /* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .particle-subtle:nth-child(30) { | |
| top: 400px; | |
| left: 250px; | |
| animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
| animation-delay: 13s, 0s; | |
| } | |
| /* line 452, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #subtle { | |
| background-color: pink; | |
| } | |
| /* line 456, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #fireworks { | |
| background-color: seashell; | |
| } | |
| /* line 460, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #info1 { | |
| background-color: lemonchiffon; | |
| } | |
| /* line 464, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #info2 { | |
| background-color: aliceblue; | |
| } | |
| /* line 468, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #info3 { | |
| background-color: pink; | |
| } | |
| /* ========================================================================== | |
| Helper classes | |
| ========================================================================== */ | |
| /* | |
| * Hide visually and from screen readers | |
| */ | |
| /* line 487, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .hidden { | |
| display: none !important; | |
| } | |
| /* | |
| * Hide only visually, but have it available for screen readers: | |
| * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility | |
| * | |
| * 1. For long content, line feeds are not interpreted as spaces and small width | |
| * causes content to wrap 1 word per line: | |
| * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe | |
| */ | |
| /* line 500, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .sr-only { | |
| border: 0; | |
| clip: rect(0, 0, 0, 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| white-space: nowrap; | |
| width: 1px; | |
| /* 1 */ | |
| } | |
| /* | |
| * Extends the .sr-only class to allow the element | |
| * to be focusable when navigated to via the keyboard: | |
| * https://www.drupal.org/node/897638 | |
| */ | |
| /* line 519, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .sr-only.focusable:active, | |
| .sr-only.focusable:focus { | |
| clip: auto; | |
| height: auto; | |
| margin: 0; | |
| overflow: visible; | |
| position: static; | |
| white-space: inherit; | |
| width: auto; | |
| } | |
| /* | |
| * Hide visually and from screen readers, but maintain layout | |
| */ | |
| /* line 534, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| /* | |
| * Clearfix: contain floats | |
| * | |
| * For modern browsers | |
| * 1. The space content is one way to avoid an Opera bug when the | |
| * `contenteditable` attribute is included anywhere else in the document. | |
| * Otherwise it causes space to appear at the top and bottom of elements | |
| * that receive the `clearfix` class. | |
| * 2. The use of `table` rather than `block` is only necessary if using | |
| * `:before` to contain the top-margins of child elements. | |
| */ | |
| /* line 550, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .clearfix:before, | |
| .clearfix:after { | |
| content: " "; | |
| /* 1 */ | |
| display: table; | |
| /* 2 */ | |
| } | |
| /* line 558, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .clearfix:after { | |
| clear: both; | |
| } | |
| /* ========================================================================== | |
| EXAMPLE Media Queries for Responsive Design. | |
| These examples override the primary ('mobile first') styles. | |
| Modify as content requires. | |
| ========================================================================== */ | |
| @media only screen and (min-width: 35em) { | |
| /* Style adjustments for viewports that meet the condition */ | |
| } | |
| @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { | |
| /* Style adjustments for high resolution devices */ | |
| } | |
| /* ========================================================================== | |
| Print styles. | |
| Inlined to avoid the additional HTTP request: | |
| https://www.phpied.com/delay-loading-your-print-css/ | |
| ========================================================================== */ | |
| @media print { | |
| /* line 586, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| *, | |
| *:before, | |
| *:after { | |
| background: transparent !important; | |
| color: #000 !important; | |
| /* Black prints faster */ | |
| box-shadow: none !important; | |
| text-shadow: none !important; | |
| } | |
| /* line 595, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| a, | |
| a:visited { | |
| text-decoration: underline; | |
| } | |
| /* line 599, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| a[href]:after { | |
| content: " (" attr(href) ")"; | |
| } | |
| /* line 602, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| abbr[title]:after { | |
| content: " (" attr(title) ")"; | |
| } | |
| /* | |
| * Don't show links that are fragment identifiers, | |
| * or use the `javascript:` pseudo protocol | |
| */ | |
| /* line 609, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| a[href^="#"]:after, | |
| a[href^="javascript:"]:after { | |
| content: ""; | |
| } | |
| /* line 613, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| pre { | |
| white-space: pre-wrap !important; | |
| } | |
| /* line 616, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| pre, | |
| blockquote { | |
| border: 1px solid #999; | |
| page-break-inside: avoid; | |
| } | |
| /* | |
| * Printing Tables: | |
| * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables | |
| */ | |
| /* line 625, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| thead { | |
| display: table-header-group; | |
| } | |
| /* line 628, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| tr, | |
| img { | |
| page-break-inside: avoid; | |
| } | |
| /* line 632, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| p, | |
| h2, | |
| h3 { | |
| orphans: 3; | |
| widows: 3; | |
| } | |
| /* line 638, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| h2, | |
| h3 { | |
| page-break-after: avoid; | |
| } | |
| } | |
| /*# sourceMappingURL=midterm.css.map */ |