/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } /* Footer */ .startech-footer-1 { background-color: #253746; } .startech-footer-2 { background-color: #192631; } .startech-footer-container { max-width: 1236px; display: flex; flex-direction: column; position: relative; margin-left: auto; margin-right: auto; } /* Section Top */ .startech-footer-section-top { display: flex; justify-content: center; padding: 20px 20px 20px 20px; background-color: #253746; color: #fff; } .startech-footer-section-top .startech-footer-list { margin: 0; padding: 0; list-style: none; list-style-type: none; } .startech-footer-section-top .startech-footer-list li { margin-bottom: 10px; display: flex; flex-direction: row; align-items: center; } .startech-footer-section-top .startech-footer-list li:last-child { margin-bottom: 0; } .startech-footer-section-top .startech-footer-item { display: block; justify-content: center; align-items: center; width: 25%; } .startech-footer-section-top .startech-footer-list-connect { margin: 0; padding: 0; list-style: none; list-style-type: none; } .startech-footer-section-top .startech-footer-list-connect li { display:inline-block; text-align:center; margin-left: 15px; } .startech-footer-section-top .startech-footer-list-connect li:first-child { margin-left: 0; } .startech-footer-section-top .startech-footer-list-connect-item { background-color: #fff; text-align: center; height: 30px; display: block; border-radius: 50%; } .startech-footer-section-top .startech-footer-list-connect-item:hover { cursor: pointer; color: #1e79a7; } .startech-footer-section-top .footer-link-main { color: #fff; text-decoration: none; } .startech-footer-section-top .footer-link-main:hover { cursor: pointer; color: #1e79a7; } .startech-footer-section-top .startech-footer-item-title { font-size: 18px; margin-bottom: 10px; } .startech-footer-section-top .righ-chevron { background-image: url(https://media.startech.com/cms-media/startech.com/media/pages/community/footer-yellow-arrow.jpg); background-repeat: no-repeat; width: 24px; height: 18px; } /* Section Bottom */ .startech-footer-section-bottom { display: flex; justify-content: space-between; padding: 20px 20px 20px 20px; background-color: #192631; color: #fff; font-size: small; } .startech-footer-section-bottom .startech-footer-item { justify-content: center; align-items: center; } .startech-footer-section-bottom .startech-footer-list-width-100 { width: max-content; } .startech-footer-section-bottom .startech-footer-list { margin: 0; padding: 0; list-style: none; list-style-type: none; display:inline-block; text-align:center; } .startech-footer-section-bottom .startech-footer-list-inline li { display:inline-block; text-align:center; margin-left: 15px; } .startech-footer-section-bottom .startech-footer-list-inline li:first-child { margin-left: 0; } .startech-footer-section-bottom .startech-footer-list-inline .cookie-solution-preference:hover { cursor: pointer; color: #1e79a7; } /* Section Top and Bottom */ .startech-footer-section-top .small a, .startech-footer-section-bottom .small a { font-size: small; font-weight: 300; color: #fff; text-decoration: none; } .startech-footer-section-top .small a:hover, .startech-footer-section-bottom .small a:hover { cursor: pointer; color: #1e79a7; } /* Media Queries */ @media only screen and (max-width: 1200px) { .startech-footer-container { width: 100%; } } @media only screen and (max-width: 992px) { .startech-footer-container { width: 100%; } } @media only screen and (max-width: 768px) { .startech-footer-container { width: 100%; } .startech-footer-section-bottom .startech-footer-list-inline li { margin-left: 3px; } } @media only screen and (max-width: 576px) { .startech-footer-container { width: 100%; } .startech-footer-section-bottom { display: contents; } .startech-footer-section-top { display: block; } .startech-footer-section-top .startech-footer-item { width: 100%; margin-bottom: 15px; } .startech-footer-section-top .startech-footer-item:last-child { margin-bottom: 0; } .startech-footer-section-bottom .startech-footer-list-width-100 { width: 100%; } } /*# sourceMappingURL=styles.css.map */

Popular Community Articles

If you have questions or comments about this StarTech.com Community, you've come to the right place! Engage with other community members and our staff, about all things StarTech.com Community.

Discover Our Community

Questions and discussion related to the StarTech.com IT Pro Community.

New Here?
Hello! New to the IT Pro Community? First and foremost, welcome! We hope this will be a place where you can learn and engage with your peers on the latest trends in your industry. If you're ready to jump in, but not sure where to start, here are a few tips to help get you on your way: Ask a question, share an idea, or…
Captain's log, Stardate 2022: We are building a community.
10 PRINT "Hello, World!" I'm Jeff and I'm responsible for content & community at StarTech.com. Before StarTech.com I was in charge of an IT-Pro community at Dell, and before that I was a technical pre-sales support engineer at IBM, an implementation engineer, a software support technician, 3rd shift computer operator,…

Categories

Popular Tags

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } /* Footer */ .startech-footer-1 { background-color: #253746; } .startech-footer-2 { background-color: #192631; } .startech-footer-container { max-width: 1236px; display: flex; flex-direction: column; position: relative; margin-left: auto; margin-right: auto; } /* Section Top */ .startech-footer-section-top { display: flex; justify-content: center; padding: 20px 20px 20px 20px; background-color: #253746; color: #fff; } .startech-footer-section-top .startech-footer-list { margin: 0; padding: 0; list-style: none; list-style-type: none; } .startech-footer-section-top .startech-footer-list li { margin-bottom: 10px; display: flex; flex-direction: row; align-items: center; } .startech-footer-section-top .startech-footer-list li:last-child { margin-bottom: 0; } .startech-footer-section-top .startech-footer-item { display: block; justify-content: center; align-items: center; width: 25%; } .startech-footer-section-top .startech-footer-list-connect { margin: 0; padding: 0; list-style: none; list-style-type: none; } .startech-footer-section-top .startech-footer-list-connect li { display:inline-block; text-align:center; margin-left: 15px; } .startech-footer-section-top .startech-footer-list-connect li:first-child { margin-left: 0; } .startech-footer-section-top .startech-footer-list-connect-item { background-color: #fff; text-align: center; height: 30px; display: block; border-radius: 50%; } .startech-footer-section-top .startech-footer-list-connect-item:hover { cursor: pointer; color: #1e79a7; } .startech-footer-section-top .footer-link-main { color: #fff; text-decoration: none; } .startech-footer-section-top .footer-link-main:hover { cursor: pointer; color: #1e79a7; } .startech-footer-section-top .startech-footer-item-title { font-size: 18px; margin-bottom: 10px; } .startech-footer-section-top .righ-chevron { background-image: url(https://media.startech.com/cms-media/startech.com/media/pages/community/footer-yellow-arrow.jpg); background-repeat: no-repeat; width: 24px; height: 18px; } /* Section Bottom */ .startech-footer-section-bottom { display: flex; justify-content: space-between; padding: 20px 20px 20px 20px; background-color: #192631; color: #fff; font-size: small; } .startech-footer-section-bottom .startech-footer-item { justify-content: center; align-items: center; } .startech-footer-section-bottom .startech-footer-list-width-100 { width: max-content; } .startech-footer-section-bottom .startech-footer-list { margin: 0; padding: 0; list-style: none; list-style-type: none; display:inline-block; text-align:center; } .startech-footer-section-bottom .startech-footer-list-inline li { display:inline-block; text-align:center; margin-left: 15px; } .startech-footer-section-bottom .startech-footer-list-inline li:first-child { margin-left: 0; } .startech-footer-section-bottom .startech-footer-list-inline .cookie-solution-preference:hover { cursor: pointer; color: #1e79a7; } /* Section Top and Bottom */ .startech-footer-section-top .small a, .startech-footer-section-bottom .small a { font-size: small; font-weight: 300; color: #fff; text-decoration: none; } .startech-footer-section-top .small a:hover, .startech-footer-section-bottom .small a:hover { cursor: pointer; color: #1e79a7; } /* Media Queries */ @media only screen and (max-width: 1200px) { .startech-footer-container { width: 100%; } } @media only screen and (max-width: 992px) { .startech-footer-container { width: 100%; } } @media only screen and (max-width: 768px) { .startech-footer-container { width: 100%; } .startech-footer-section-bottom .startech-footer-list-inline li { margin-left: 3px; } } @media only screen and (max-width: 576px) { .startech-footer-container { width: 100%; } .startech-footer-section-bottom { display: contents; } .startech-footer-section-top { display: block; } .startech-footer-section-top .startech-footer-item { width: 100%; margin-bottom: 15px; } .startech-footer-section-top .startech-footer-item:last-child { margin-bottom: 0; } .startech-footer-section-bottom .startech-footer-list-width-100 { width: 100%; } } /*# sourceMappingURL=styles.css.map */