Links Styling - ucsf-ckm/ucsf-library-ux-and-web-documentation GitHub Wiki

Standard links styling

Text color is #052049 and link color is #0071AD.

Alternate links styling

Applying the alternate style

• Select the text block and go to the Advanced tab
• Add alt-link to the CSS Classes field (or alt-link-white in cases where it is a darker background that requires white text)

The class applies the following styles from our custom style sheet

/*use alternate style (for accessibility) when the text link is on a color in the palette other than white */

.alt-link a {
 		color: #052049 !important;
 		text-decoration: underline;   
	}
.alt-link a:hover {
    	text-decoration: underline;
	}
.alt-link-white a {
 		color: #fff !important;
    	font-weight:normal; 
 		text-decoration: underline;	  
	}
.alt-link-white a:hover {
        text-decoration: underline; 
	}

Color palette

The colors in the palette for our main website and LibGuides are drawn from the UCSF Brand Guidelines (see p122 of UCSF Brand Guidelines_4.1.pdf)