0% found this document useful (0 votes)
10 views3 pages

CSS Styles for Error Container

The document contains CSS styles for various components within an error container, including buttons, images, and footers. It defines styles for different states like active, hover, and disabled for buttons, as well as responsive design adjustments for various screen sizes. Additionally, it includes styles for interest lists and lightbox components, ensuring a cohesive design across different elements.

Uploaded by

Rivail Silva
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
10 views3 pages

CSS Styles for Error Container

The document contains CSS styles for various components within an error container, including buttons, images, and footers. It defines styles for different states like active, hover, and disabled for buttons, as well as responsive design adjustments for various screen sizes. Additionally, it includes styles for interest lists and lightbox components, ensuring a cohesive design across different elements.

Uploaded by

Rivail Silva
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

errorContainer .

errorCta:active{color:var(--spl-color-text-link-primary-
click)}.errorContainer .wrapper__filled-button{font-family:var(--spl-font-family-sans-
serif-primary),sans-serif;transition:background-color .1s ease-in-out,color .1s ease-in-
out;background-color:var(--spl-color-text-link-primary-default);border:var(--spl-
borderwidth-100) solid var(--spl-color-text-link-primary-default);border-radius:4px;box-
sizing:border-box;color:var(--color-white-100);cursor:pointer;display:inline-block;font-
size:var(--text-size-title2);font-weight:600;line-height:1.3em;padding:var(--space-200)
var(--space-300);position:relative;text-align:center;margin-bottom:var(--space-
150)}.errorContainer .wrapper__filled-button:visited{color:var(--color-white-
100)}.errorContainer .wrapper__filled-
[Link],.errorContainer .wrapper__filled-
[Link],.errorContainer .wrapper__filled-
button:active,.errorContainer .wrapper__filled-button:hover{background-color:var(--
spl-color-text-link-primary-hover);color:var(--color-white-
100)}.errorContainer .wrapper__filled-
[Link],.errorContainer .wrapper__filled-
[Link],.errorContainer .wrapper__filled-
[Link]:disabled,.errorContainer .wrapper__filled-
button:disabled{transition:none;background-color:var(--color-snow-400);border:var(--
spl-borderwidth-100) solid var(--color-snow-400);color:var(--color-slate-
500);cursor:default;min-height:49px}.errorContainer .wrapper__filled-
[Link]:visited,.errorContainer .wrapper__filled-
[Link]:visited,.errorContainer .wrapper__filled-
[Link]:disabled:visited,.errorContainer .wrapper__filled-
button:disabled:visited{color:var(--color-slate-500)}.errorContainer .wrapper__filled-
[Link]:active,.errorContainer .wrapper__filled-
[Link]:hover,.errorContainer .wrapper__filled-
[Link]:active,.errorContainer .wrapper__filled-
[Link]:hover,.errorContainer .wrapper__filled-
[Link]:disabled:active,.errorContainer .wrapper__filled-
[Link]:disabled:hover,.errorContainer .wrapper__filled-
button:disabled:active,.errorContainer .wrapper__filled-
button:disabled:hover{background-color:var(--color-snow-
400)}.errorContainer .wrapper__filled-
button__spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-
items:center;justify-content:center}@media (max-width:950px)
{.errorContainer .imageContainer .errorImage{transform:scale(.8)}.errorContainer
h1{font-size:var(--text-size-heading7)}.errorContainer h2{font-size:var(--text-size-
title2)}.errorContainer .errorCta,.errorContainer p{font-size:var(--text-size-
title3)}}@media (max-width:700px){.errorContainer{margin-top:3%}}@media (max-
width:512px)
{.errorContainer .imageContainer .errorImage{transform:scale(.6)}.errorContainer
h1{font-size:var(--text-size-heading8)}.errorContainer h2{font-size:var(--text-size-
title3)}.errorContainer .errorCta,.errorContainer p{font-size:var(--text-size-
title5)}}.auto__shared_interests_list .all_interests .interest_block{margin:10px}.auto__
shared_interests_list .all_interests .interest_block .parent_interest{font-size:16px;text-
transform:uppercase;font-
weight:700;color:#1e7b85;margin:0}.auto__shared_interests_list .all_interests .interest
_block .child_interest .interest_link{font-
size:16px;color:#1c263d}.auto__shared_interests_list .all_interests .interest_block .chil
d_interest a,.auto__shared_interests_list .all_interests .interest_block .parent_interest
a{display:block;padding:4px
5px}.auto__shared_interests_list .all_interests .interest_block .child_interest
[Link],.auto__shared_interests_list .all_interests .interest_block .child_interest
a:hover,.auto__shared_interests_list .all_interests .interest_block .parent_interest
[Link],.auto__shared_interests_list .all_interests .interest_block .parent_interest
a:hover,.keyboard_focus .auto__shared_interests_list .all_interests .interest_block .chil
d_interest
a:focus,.keyboard_focus .auto__shared_interests_list .all_interests .interest_block .par
ent_interest a:focus{opacity:.9}.auto__shared_native_apps_lightbox .lightbox{min-
width:600px}.auto__shared_native_apps_lightbox .lightbox .content{position:relative;p
adding:0}@media (max-width:700px)
{.auto__shared_native_apps_lightbox .lightbox{min-
width:400px}}.auto__shared_native_apps_lightbox .lightbox.stacked_lightbox{max-
width:none}.get_app_modal.lightbox{min-
width:600px}.get_app_modal.lightbox .content{position:relative;padding:0}@media
(max-width:700px){.get_app_modal.lightbox{min-
width:400px}}.get_app_modal .lightbox.stacked_lightbox{max-
width:none}.auto__chrome_footer{background:#f8f9fd;border-top:2px solid
#e9edf8;text-
align:center;position:fixed;left:0;bottom:0;width:100%}.auto__chrome_footer .back_to
_top_link{display:none;vertical-align:top;position:relative;top:30px;color:var(--spl-
color-text-link-primary-
default)}.auto__chrome_footer .back_to_top_link:hover{color:var(--spl-color-text-link-
primary-hover)}.auto__chrome_footer .back_to_top_link:active{color:var(--spl-color-
text-link-primary-click)}@media (max-width:950px)
{.auto__chrome_footer .back_to_top_link{margin:0 0 30px
30px;float:left}}.auto__chrome_footer .inner{position:relative;padding:10px;margin:0
auto;display:inline-block}.auto__chrome_footer .list{list-
style:none;padding:0;margin:8px 0 0}.auto__chrome_footer .list li{line-
height:24px}.auto__chrome_footer .social_container .icon{display:inline-
block;margin:0 10px 0 0;font-
size:24px}.auto__chrome_footer .social_container .list{margin-
top:0}.auto__chrome_footer .social_container .social_icons{margin-
bottom:20px}.auto__chrome_footer .social_container .mobile_icons{padding:0;margin
:0}.auto__chrome_footer .social_container .mobile_icons .app_store_img{height:40px}
.auto__chrome_footer .social_container

You might also like