WikiCss

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;
}