Last edit
Summary: Added left justification for table cells
Added:
> text-align:left;
body { background-color: #EEEEFF; } div.portrait { float: left; clear: left; font-size: xx-small; padding-left: 10px; } .color { margin: 6px; border: 6px; } .color.one { background-color: #DDDDEE; } .color.two { background-color: #EEEEDD; } h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } hr { display:block; clear: left; } /* Image DIVs Remember, the OddMuse image extension CANNOT handle class names with numbers in them. https://oddmuse.org/wiki/Image_Extension Use roman numerals to represent numbers. */ /* This is presently only used by SilverKimbro for testing purposes. It will be deleted later. */ a.maxthree img { max-width: 300px; max-height: 300px; } /* Because numbers cannot be used, "c" means "one hundred." */ a.cwide img { max-width: 100px; } a.ccwide img { max-width: 200px; } a.cccwide img { max-width: 300px; } a.fullwide img { width: 100%; } a.image.left>img { float:left; margin-right:10px; } a.image.right>img { float:right; margin-left:10px; } /* Testing Silver's CSS for Portrait Discussion */ div.portrait { min-width: 58px; max-width: 68px; float: left; text-align: center; display: block; font-size: xx-small; } .color { text-align: justify; min-height: 68px; margin: 10px 20px; padding: 10px 10px 0px 0px; display: block; } table.user tr td { border-style:solid; border-width:thin; text-align:left; } p { color: #000033; text-align: justify; display: block; } .color p { margin-block-start: 0px; margin-block-end: 0px; } /* Experiment in Multiple Different Overall Layouts */ div.templatea { background-color: limegreen; } .templatea p { text-align: center; }