ALERT BOX (alertBox) BASE STYLES
.alertBox{margin: 20px 0;padding: 20px;font-size: 18px;min-height: 20px;border-radius: 5px;box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}
.smallAlert{padding: 10px !important; font-size: 14px !important;}
.alertBox a{text-decoration:underline; transition: background 0.5s ease 0s; -webkit-transition: background 0.5s ease 0s; -moz-transition: background 0.5s ease 0s; -ms-transition: background 0.5s ease 0s;}
.alertBox a:hover{text-decoration:none;}
SPECIFIC NOTE (e.g., alertBox dangerAlert) STYLES
DANGER ALERT with icon: class="alertBox dangerAlert" ; Used as "already have access to PsycNET records" Cart screen alert
You already have access to one or more items. These items have been removed from your cart.
DANGER ALERT without icon: class="alertBox dangerAlert"
This alert is not being used on a live page yet. Here is an example of a link.
DANGER ALERT with icon and multiple-line message: class="alertBox dangerAlert" ; Used as "there are errors in your credit card entry" Payment & Review screen alert
There are errors in your credit card entry.
- Enter your Name as it appears on the card
- Enter your Credit Card Number
- Enter the Security Code from the card
- Select the card's Expiration Month
- Select the card's Expiration Year
WARNING ALERT with icon: class="alertBox warningAlert"
This alert is not being used on a live page yet. Here is an example of a link.
WARNING ALERT without icon: class="alertBox dangerAlert"
This alert is not being used on a live page yet. Here is an example of a link.
INFO ALERT with icon: class="alertBox infoAlert" ; Used as "log in or become a member to save" Cart screen alert
You could save $29.95 on this order by being an APA member. Log in to your account OR learn about membership today!
INFO ALERT without icon: class="alertBox infoAlert"
This alert is not being used on a live page yet. Here is an example of a link.
INFO LIGHT ALERT with icon: class="alertBox infoLightAlert" ; Used as "look up account" Create an Account screen alert (blue background, white alert)
If you are an APA member or have already created a username or password online, you already have an APA account. Don't re-register. Look up your account.
INFO LIGHT ALERT without icon: class="alertBox infoLightAlert"
This alert is not being used on a live page yet. Here is an example of a link.
SUCCESS ALERT with icon: class="alertBox successAlert"
This alert is not being used on a live page yet. Here is an example of a link.
SUCCESS ALERT without icon: class="alertBox successAlert"
This alert is not being used on a live page yet. Here is an example of a link.
SMALL ALERT (e.g., alertBox dangerAlert smallAlert) STYLES
SMALL ALERT, danger, no icon: class="alertBox dangerAlert smallAlert" ; Used as "this item is not yet available" Cart screen alert
This item is not yet available. The item will be shipped when it is available and your credit card will be charged at that time.
NOTE (note note-alert) BASE STYLES
.note h1, .note h2, .note h3, .note h4{margin-top: 0;}
.note p:last-child{margin-bottom: 0;}
.note-alert{font-size: 16px;font-weight: 500;background-color: #fcf8e3;border-left-color: #8a6d3b;}
.note-alert .box-heading{font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;color: #8a6d3b;}
.note-alert .centeredHeading{font-size: 26px;padding-top: 14px;text-align: center;}
.note-alert p, .note-alert li{font-size: 16px;color: #8a6d3b;}
.note-alert ul li{font-size:16px !important;}
class="note note-alert" ; Used as "how to access your purchase" Thank You screen message
How to access your purchase:
To access your APA PsycNET® Direct purchase, go to your MyPsycNET (https://psycnet.apa.org/MyPsycNET) or MyAPA (https://my.apa.org/portal/) account.
class="note note-alert" ; Used as "already have access to PsycNET records" (empty) Cart screen message
How to access your items:
To access your APA PsycNET® Direct purchases, go to your MyPsycNET (https://psycnet.apa.org/MyPsycNET) or MyAPA (https://my.apa.org/portal/) account, or click on the products below.
- Culturally related risk factors of suicidal ideation, intent, and behavior among Asian American women.
Augsberger, A., Rivera, A. M., Hahm, C. T., Lee, Y. A., Choi, Y., & Hahm, H. C. (2018). Asian American Journal of Psychology, 9(4), 252-261. - Qualitative methods in Asian American psychology.
Nagata, D. K., & Suzuki, L. A. (2017). Asian American Journal of Psychology, 8(4), 259-261.
MINI VALIDATION ALERT (e.g., note note-alert miniValidationAlert) STYLES
MINI VALIDATION ALERT, note-alert, no icon: class="note note-alert miniValidationAlert" ; Used as "it may take some time for your order status to become available" Thank You screen message, and also for an alert for Billing Address fields toggled open on Addresses screen after jQuery validation is triggered
.miniValidationNote{margin-top:10px;padding: 8px 20px 22px !important;}
.miniValidationNote h4{padding: .8em 0 0.1em;font-size: 16px;line-height: 22px;}
Note: It may take up to 15 minutes for your order status to become available after your order was submitted.
If your Billing Address is the same as your Shipping Address, check the 'Same As Shipping Address' checkbox above to hide the Billing Address fields.
ACADEMIC WRITER (note note-alert) BASE STYLES - WITH PRIMARY BUTTON
body.academicwriter .note{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;border-left: 3px solid #8a6d3b;border-radius: 0 !important;margin: 0 0 20px;padding: 0 30px 22px;}
body.academicwriter .note-alert .box-heading{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color: #8a6d3b;}
.note-alert .centeredHeading{font-size: 26px;padding-top: 14px;text-align: center;}
class="note note-alert" ; Used as "how to access your purchase" AW Thank You screen message
How to access your purchase:
To access your Academic Writer purchase, visit Academic Writer now. It would be best if there was some more text here, maybe a value proposition or specific access information the user should know.