Difference between revisions of "Template:Macquarie Australia/TestCSS"
(The display block is affecting all hyperlinks) |
(Trying to set different hyperlink class styles) |
||
Line 84: | Line 84: | ||
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | /* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | ||
− | + | /* Class mainmenu styling */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .mainmenu table { /* Styling of the menu table class */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | font-size: 16px; | |
− | + | color: #ffffff; | |
− | + | } | |
− | + | ||
− | + | .mainmenu a { /* Styling of the menu table hyperlinks */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | display:block; /* makes the table cells clickable */ | |
− | } | + | /* background-color: #66cc66; Comment: setting this colours a bar across the text green */ |
+ | color: #000000; | ||
+ | } | ||
− | /* | + | /* Class menuHighlight styling */ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .menuHighlight a { /* Styling of the menu table highlighted hyperlinks */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | display:block; /* makes the table cells clickable */ | |
− | + | color: #ffffff; /* #ffffff is white */ | |
− | + | } | |
− | + | /* Class contentContainer styling */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | color: #000000; | |
− | + | border-bottom: none; | |
− | + | font-weight: bold; | |
− | + | /* text-transform: uppercase; */ | |
+ | } | ||
+ | |||
+ | .contentContainer a { /*Style of the links */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | display:inline; /* here to keep hyperlinks inline */ | ||
+ | font-weight: bold; | ||
+ | color: #0645ad; /*hyperlink blue*/ | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .contentContainer a:hover{ /* Styling links on hover */ | ||
+ | color: #f4b248; /*dark blue*/ | ||
+ | } | ||
+ | |||
+ | /* Class BLAH styling */ | ||
− | |||
− | |||
− | |||
figure.specialInline { /* Styling for figures in specialInline class */ | figure.specialInline { /* Styling for figures in specialInline class */ |