Content-Length: 2771 | pFad | http://www.apple.com/careers/css/common/clientlibs/styles/sf/components/search.css

T /* ========================================================================== Page Search ========================================================================== */ .page-search { margin: 4rem 0 0; text-align: center; } @media only screen and (max-width: 768px) { .page-search { display: none; } } .page-search__form { vertical-align: text-bottom; } .page-search__form { border-bottom: 1px solid rgba(51, 51, 51, 0.2); box-sizing: border-box; display: inline-block; position: relative; } .page-search__form label[for='page-search__input'].a11y { display: block; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: 300; margin: 0 50px 0 75px; position: relative; width: auto; } .form-auto-suggest { -webkit-transition: margin 0.5s ease-in-out; transition: margin 0.5s ease-in-out; will-change: margin; } .form-auto-suggest.active { margin-left: 0; margin-right: 0; } .page-search__input, input.page-search__input.auto-suggest-input { -webkit-transition: padding 300ms ease-in-out, background-position 300ms ease-in-out; transition: padding 300ms ease-in-out, background-position 300ms ease-in-out; } .active .page-search__input, .active input.page-search__input.auto-suggest-input { background-position-x: 15px; padding: 15px 15px 15px 40px; } .form-auto-suggest .page-search__input.auto-suggest-input { background-image: url(/careers/css/apps/apple-externaljobs/components/common/images/icons/mag.svg); background-size: 15px 15px; background-position-x: 50px; border: 0 none; border-radius: 0; box-sizing: border-box; color: #333333; font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: 300; line-height: 1.44; padding: 15px 50px 15px 75px; text-align: left; } .theme-light .form-auto-suggest .page-search__input.auto-suggest-input { color: #000000; } input.page-search__submit { background: none; border: none; border-bottom: 1px solid #333333; color: #737373; float: right; font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 25px; position: absolute; right: -20%; top: 1px; text-align: center; width: 20%; } input.page-search__submit:focus { background: #fff; border-bottom: 1px solid rgba(51, 51, 51, 0.4); clip: auto; height: auto; margin: 0; padding: 15px; width: auto; left: 100%; right: auto; border-radius: 0; } .auto-suggest .auto-suggest__list li a { background-position: 2.5rem .8rem; padding-left: 5rem; }

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier! Saves Data!