This style was originally developed (fiugold16 & fiugold17) to mimic the FIU Library style of c2007. (This is a sample of <p class="direct">, a centered paragraph with enlarged type font.)
NOTE: h2 class="lib" aligns with right margin in IE; exceeds right margin in Firefox.
This is a sample of <p class="direct">, a centered paragraph with enlarged type font. This is useful for emphasizing, or for just making it easier to people to read the paragraph. In IE, frankly, it is too large!
<p class="finala"> is useful for notes aligned to the left margin of little interest to users.
<br>TINY FONT!!
<p class="final"> is useful for notes aligned to the right margin, of little interest to users.
<br>TINY FONT!!!
<p class="notes1"> is for paragraphs to be centered with maroon-colored font, 85% of margins. This paragraph style can be used to emphasize points, or even the opposite, to create notes that can be overlooked by a reader concetrating on standard black font.
<p class="notes2"> Another paragraph using maroon-colored font, bolded, indented to 85% of width, centered. As with "notes1", this paragraph style can be used to emphasize points, or even the opposite, to create notes that can be overlooked by a reader concetrating on standard black font. (First line of paragraph is indented and font is bolded in IE.)
<p class="2"> This paragraph style is used for returning to the original stype of paragraph and font. Its major limitation is a 24-pixel indent, which only works on IE, unfortunately.
| <th class="center"> The centered header uses a Navy blue colored font. |
<th class="fiu"> is simply bolded, aligned left on a pale gold background. |
|---|---|
| <td class="center"> "Centered" classes center the material within the cell/header regardless of width of the widest cells. |
<td class="fiu"> class"fiu" uses a very pale gold background for both header and cell. |
| <td class="fiu2">uses a background the same dull gold color as the H2 and H2 class="alt" banners. | |
| <td class="fiu3"> uses a light blue background, similar to the H3 "alt" and "dir" classes. | |
| <td class="fiu4"> uses a dark blue background with pale yellow-colored font. "fiu4" also is centered, unlike the other "fiu" classes. | |
| <td class="subhead"> creates a cell with a background image of tiny, light blue "fiu"s on a transparent background. UPPERCASE or bold fonts work best; also good for links: stylesheets. | <td class="head"> creates a centered font on a light gold background. |
| <td class="plain">; only has qualities aligning text left and top. | <td class="headg"> centers text on a yellow-gold (#f8dd7f) background. |
| This ends "table class="plain" | |
| Table class="dir" was designed to create a directory style table. | It has a distinct, relatively thick border. | ||
| However, the border is around the whole. | It is not around the individual cells. | The content has a free appearance. | |
| This allows the appearance of columns. | But allows control of what is within each column. | One can even put in a column of <td> </td> cells to put more space between the columns. ( is a "non-breaking space.) | |
| This gives an airier, more open appearance, | while also making the columns more distinct. | And after the first <td> </td>, you only need to put <td></td> in its place for the remains of the table. |
| This class of table was designed to be used with graphics. The content is centered within the cell, without having to use <td class="center"> for each cell.. |
 |
 |
Above is "http://www.fiu.edu/~morriss/backgrounds/bluflourc.gif"; to the right is "http://www.fiu.edu/~morriss/backgrounds/flour8blu.gif". |
| This table sets up a table border the same color as the page. | The border is 12 pixels wide, which is wider than class "dir" yet invisible |
| The purpose of the invisible border is simply to put space around the contents without the distraction of a visible border. | There is supposed to also be a 5 pixel padding around each cell-or about one letter space. |
| There are also 2 "a" classes to change the appearance & font of links: | ||
| <a class="tabs" href="url"> uses the fonts (in order of preference): Arial, Helvetica, sans-serif (all non-serif fonts), 11 pixels high (slightly under normal line height), bold, and white (instead of normal blue), mainly for use on dark backgrounds such as within <td class="fiu4">: | Stylesheets ABCDE ("Stylesheets" above is a link; run your cursor over it.) |
|
| <a class="tabs2" href=url> uses the fonts (in order of preference): Garamond, Palatino Linotype (both are fonts with serifs); 14 pixels high (about normal line height), bolded, and color=444477 (a dark blue without underline): | Stylesheets ABCDE |
|
| Please Note: Because both of the above links are NOT underlined, many internet users may not realize what they are unless you either put the link in an underline tag (<u> </u>) or otherwise emphasize them (i.e., use a different color/style of font for the rest of your text.) | ||
body {text-align:left;
background:#e2d6c3;
color:222222}
h1 {text-transform:uppercase;
text-align:center;
background:#c7c080;
color:2f489f;
font-weight:bold}
h1.alt {text-transform:uppercase;
text-align:center;
background:#486098;
color:a89844;
font-weight:bold}
h1.gold {text-transform:uppercase;
text-align:center;
background:#f0cc66;
color:2f489f;
font-weight:bold}
h1.td {text-transform:none;
color:#ccb944;
font-size:250%;
background:transparent}
h2 {text-transform:uppercase;
text-align:center;
background:#b7b790;
color:navy}
h2.cap {text-transform:capitalize;
text-align:center;
background:transparent;
color:navy}
h2.lib {text-transform:capitalize;
width=80%;
position:relative;left:10%;
text-align:center;
background:#ddeeff;
color:navy}
h2.alt {text-transform:uppercase;
text-align:left;
background:#b7b790;
color:navy}
h2.td {color:#ccb044;
text-transform:none;
background:transparent}
H3 {text-transform:capitalize;
text-align:left;
text-decoration:underline;
background:#a7c7f7;
font:italic bold}
H3.brown {text-transform:capitalize;
text-align:left;
text-decoration:underline;
background:#c7b7a7;
font:italic bold}
H3.dir {text-transform:capitalize;
text-align:center;
text-decoration:none;
background:#a7c7f7;
font-style:italic;
font-weight:normal}
H3.alt {text-transform:capitalize;
text-align:left;
text-decoration:none;
background:#a7c7f7;
font:italic bold}
a.tabs {font-family:Arial,Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:white;
text-decoration:none}
a.tabs2 {font-family:Garamond,Palatino Linotype;
font-size:14px;
font-weight:bold;
color:#444477;
text-decoration:none}
p.direct {text-align:center;
font-size:large}
p.finala {text-align:left;
font-size:x-small}
P.final {text-align:right;
font-size:x-small}
p.notes1 {width:85%;
text-align:center;
color:maroon}
p.notes2 {text-align:center;
width:85%;
font:bold;
color:maroon}
p.2 {text-indent:24}
table.plain {text-align:left;
vertical-align:top}
table.dir {text-align:left;
border-style:ridge;
border-width:5px}
table.fig {text-align:center}
table.fiulib {background-color:#e2d6c3;
align:center;
padding:5px;
border-style:outset;
border-width:12px;
border-color:#efd6c3}
td.center {text-align:center}
th.center {text-align:center; color:navy;
font-weight:bold}
td.subhead {background-image:url(http://www.fiu.edu/~morriss/backgrounds/FIUpaleblue.gif);
background-repeat:repeat}
th.fiu {background-color:#e7e7cb}
td.fiu {background-color:#e7e7cb}
td.fiu2 {background-color:#b7b790}
td.fiu3 {background-color:#a7c7f7}
td.fiu4 {background-color:#275894;
text-align:center;
color:silver}
td.head {background-color:#c7c080;
text-align:center}
td.headg {background-color:#f8dd7f;
text-align:center}
td.plain {text-align:left;
vertical-align:top}
This page created and maintained by Steve Morris,
Business & Legal Research Specialist, Reference & Instructional Services Dept.
Steven and Dorothea Green Library Florida International University 
Miami, Florida 33199 |
|