Difference between revisions of "Template:Macquarie Australia/TestCSS"
(Trying to set different hyperlink class styles) |
(Added new styling classes and defaults) |
||
Line 44: | Line 44: | ||
.menuHighlight { /* Creates highlight class */ | .menuHighlight { /* Creates highlight class */ | ||
− | /* | + | /* no styling required here so far */ |
− | + | ||
} | } | ||
Line 121: | Line 120: | ||
display:inline; /* here to keep hyperlinks inline */ | display:inline; /* here to keep hyperlinks inline */ | ||
font-weight: bold; | font-weight: bold; | ||
− | color: #0645ad; /*hyperlink blue*/ | + | color: #0645ad; /* hyperlink blue */ |
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
.contentContainer a:hover{ /* Styling links on hover */ | .contentContainer a:hover{ /* Styling links on hover */ | ||
− | + | font-family: Verdana, Geneva, sans-serif; | |
+ | color: #66cc66; /* websafe light green */ | ||
} | } | ||
− | /* Class | + | /* Class specialInline styling */ |
+ | figure.specialInline { /* Styling for figures in specialInline class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 0px; | ||
+ | } | ||
− | + | figcaption.specialInline { /* Styling for figure captions - class */ | |
− | + | display: block; /* here to keep the caption underneath the figure */ | |
− | + | text-align: left; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | /* REGULAR Class styling */ | |
− | + | ||
− | + | ||
− | + | figure.regularInline { /* Styling for figures in regularInline class */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | margin-top: 1em; | |
− | + | margin-bottom: 1em; | |
− | + | margin-left: 20px; | |
+ | margin-right: 20px; | ||
+ | } | ||
− | + | figcaption.regularInline { /* Styling for figure captions - class */ | |
− | + | display: block; /* here to keep the caption underneath the figure */ | |
− | + | text-align: center; | |
− | + | } | |
− | + | ||
− | + | .regularTable table { /* default table formatting */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | color: #000000; /*black*/ | |
− | + | } | |
− | + | ||
− | + | .regularTable th { /* default table header formatting */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | border: 1px solid black; | |
− | + | color: #000000; /*black*/ | |
− | + | font-size: 14px; | |
+ | } | ||
− | + | .regularTable td { /* default table detail formatting */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | border: 1px solid black; | |
− | + | color: #000000; /*black*/ | |
− | + | font-size: 12px; | |
+ | padding: 4px; | ||
+ | } | ||
− | + | .regularHeader h1 { /* Heading1 formatting */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | color: #000000; /*black*/ | |
− | + | text-align: left; | |
− | + | } | |
− | + | .regularHeader h2 { /* heading2 formatting */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | color: #000000; /*black*/ | |
− | + | text-align: left; | |
− | + | } | |
− | /* | + | .regularHeader h3 { /* heading3 formatting */ |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | color: #000000; /*black*/ | |
− | + | text-align: left; | |
− | + | } | |
− | + | ||
− | + | .regularHeader h4 { /* heading4 formatting */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | color: #000000; /*black*/ | |
− | + | text-align: left; | |
+ | } | ||
− | table, | + | .regularHeader h5 { /* heading5 formatting */ |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | color: #000000; /*black*/ | |
− | + | text-align: left; | |
− | + | } | |
− | + | ||
− | background-color: #ffffff; /*white*/ | + | .regularHeader h6 { /* heading6 formatting */ |
− | color: #000000; /*black*/ | + | font-family: Verdana, Geneva, sans-serif; |
− | } | + | color: #000000; /*black*/ |
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .regularParagraph p { /* paragraph formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | /* font-size: 20px; */ | ||
+ | } | ||
+ | |||
+ | .regularHyperlink a { /* hyperlink formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-weight: bold; | ||
+ | color: #0645ad; /*hyperlink blue*/ | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /* DEFAULT styling - no class specified */ | ||
+ | |||
+ | table { /* default table formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | border-collapse: collapse; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | table, th { /* default table header formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | border: 1px solid black; | ||
+ | height: 28px; | ||
+ | padding: 15px; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | background-color: #ffffff; /*white*/ | ||
+ | color: #000000; /*black*/ | ||
+ | } | ||
+ | |||
+ | table, td { /* default table detail formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | border: 1px solid black; | ||
+ | height: 28px; | ||
+ | padding: 15px; | ||
+ | text-align: left; | ||
+ | vertical-align: middle; | ||
+ | background-color: #ffffff; /*white*/ | ||
+ | color: #000000; /*black*/ | ||
+ | } | ||
+ | |||
+ | figcaption { /* Styling for figure captions - class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | display: block; /* here to keep the caption underneath the figure */ | ||
+ | } | ||
+ | |||
+ | h1 { /* Heading1 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h2 { /* heading2 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h3 { /* heading3 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h4 { /* heading4 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h5 { /* heading5 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h6 { /* heading6 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | p { /* paragraph formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | } | ||
+ | |||
+ | a { hyperlink formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; */ | ||
+ | display:inline; /* here to keep hyperlinks inline */ | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |