[aros-stuff: viewing './css/common.css']

aros-stuff.tk/css/common.css

body 
    {
    margin: 0px; padding: 0px;
    font-family: sans-serif;
    font-size: 12px;
    }

h1,h2,h3,h4 { margin-left: 0.64em;} // <-- pretentious number
h1    { font-size: 170%;}
h2 { font-size: 150%;}
h3 { font-size: 120%;}
h4 { font-size: 100%;}

input, textarea, select
    { 
    font-size: 12px;
    font-family: sans-serif; 
    }

fieldset
    { width: 90%; padding: 2%; border: 1px solid black; margin: 2%;}
legend
    { font-weight: bold;}

em { font-style: italic;}   // italic is default on most browsers for <em>
strong { font-weight: bold;} // dito bold for <strong>

#all
    { margin: 0px; padding: 0px; width: 100%;}
#top
    {
    width: 100%;
    background-color: inherit;
    }

#top img { margin: 0px; border: 0px; background-color: inherit;}

#bottom
    {
    width: 98%;
    text-align: right;
    padding: 5px;
    margin-top: 25px;
    }

#nav
    {
    width: 100%;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
#nav img
    { padding: 0px; margin: 0px;}

#nav a,em
    { 
    padding: 10px; 
    text-decoration: none;
    font-weight: bold; 
    }
#nav em
    { font-style: italic;}

#main { margin: 20px; margin-top: 25px;}

#rightbar
    { width: 20%; height: 100%; float: left;}

#mid { width: 5%; float: left;}

#content
    { 
    width: 75%;
    font-size: 12px;
    float: left; 
    }


.commonMain 
    { 
    padding: 0px;
    margin-bottom: 2em;
    }


.commonCaption, .darkerCaption
    {
    font-weight: bold; 
    padding: 5px;
    padding-left: 10px; 
    }

.darkerCaption
    { 
    border: 0px;
    padding-left: 15px;
    }

.commonContent { padding: 5px; padding-bottom: 10px; }
.commonContent p { margin-left: 1em; }

code { font-family: monospace;}
.commonLink        { text-align: right; padding: 5px;}

.sourceDir { color: blue; }
.sourceFile { color: darkgreen; }
.sourceImage { color: purple; }
.sourceArch { color: darkred; }

.boldlinks a { font-weight: bold; }

.right   { text-align: right; }
.center  { text-align: center; }
.left    { text-align: left; }
.justify { text-align: justify; }
.float    { float: left; padding-right: 2em;}
.noul        { text-decoration: none;}

.unbold  { font-weight: normal; }
.unitalic { font-style: normal; }

.pg {margin-top: 0px; margin-bottom: 0px; text-indent: 3em;}
.indented { padding-left: 2em;}

.highlight { background: #efc099; } //#ae7814

td { padding-left: 1em; padding-right: 1em;}
Source