Difference between revisions of "Template:Macquarie Australia/TestCSS"
(More trials) |
(Added wrapped image class styling) |
||
Line 1: | Line 1: | ||
[[File:MqAust_Burpey_v46-bubblePetri44_Summary03.png|965px|link=]] | [[File:MqAust_Burpey_v46-bubblePetri44_Summary03.png|965px|link=]] | ||
− | <html> | + | <html lang="en-AU"> |
<style type="text/css"> | <style type="text/css"> | ||
Line 21: | Line 21: | ||
/* background-color: #009933; middle harmony websafe green plain colour background */ | /* background-color: #009933; middle harmony websafe green plain colour background */ | ||
background-color: #ccffcc; /* pale websafe green background */ | background-color: #ccffcc; /* pale websafe green background */ | ||
+ | } | ||
+ | |||
+ | #navigation a { /* top menu style */ | ||
+ | display:block; /* leave this block to keep the nav the same */ | ||
+ | float: left; /* has to be left for nav to work */ | ||
+ | font-size: medium; | ||
+ | padding: 1.56em; | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | background-color: #66cc66; /* light green */ | ||
+ | color: #000000; /* #000000 is black font */ | ||
} | } | ||
Line 167: | Line 177: | ||
display: block; /* here to keep the caption underneath the figure */ | display: block; /* here to keep the caption underneath the figure */ | ||
text-align: left; | text-align: left; | ||
+ | } | ||
+ | |||
+ | /* WRAPPED IMAGE Class styling */ | ||
+ | |||
+ | figure.wrappedImage { /* Styling for figures in hony class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | display: table; /* Required for text wrapping in caption */ | ||
+ | width: 380px; /* This can be any width, so long as it's narrower than any image */ | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | |||
+ | figcaption.wrappedImage { /* Styling for figure captions - class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | /* display: block; here to keep the caption underneath the figure */ | ||
+ | text-align: left; | ||
+ | display: table-row; /* Required for text wrapping in caption */ | ||
+ | } | ||
+ | |||
+ | img.wrappedImage { /* Styling for figure captions - class */ | ||
+ | float: left; | ||
} | } | ||
Line 299: | Line 332: | ||
/* } */ | /* } */ | ||
− | + | caption { /* styling for table captions */ | |
− | + | /* none yet */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 313: | Line 340: | ||
background-color: #ffffff; | background-color: #ffffff; | ||
padding: 5px; | padding: 5px; | ||
− | display: table; | + | /* display: table; */ |
} | } | ||
Line 326: | Line 353: | ||
color: #000000; /*black*/ | color: #000000; /*black*/ | ||
text-align: left; | text-align: left; | ||
− | display: table-caption; | + | /* display: table-caption; */ |
− | table-layout: auto; | + | /* table-layout: auto; */ |
caption-side: bottom; | caption-side: bottom; | ||
background: #ffffff; | background: #ffffff; | ||
padding: 0 5px 5px; | padding: 0 5px 5px; | ||
width: 100%; | width: 100%; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | list-style-type: circle; | ||
+ | } | ||
+ | |||
+ | ol { | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | list-style-type: circle; | ||
} | } | ||
Revision as of 09:00, 22 August 2015