Location: PHPKode > projects > phpCAMALEO > contents/CSS.tpl
<i>Stylesheets in use:</i><br />
<font id="color1"><b>skins/<?=$_SESSION[misc][skin]?>/MAIN.CSS</b></font><br /><?php
switch($_SESSION[browser])
{
	case 'FF': ?><font id="color1"><b>skins/<?=$_SESSION[misc][skin]?>/MAIN_FF.CSS</b></font><?php break;
	case 'IE': ?><font id="color1"><b>skins/<?=$_SESSION[misc][skin]?>/MAIN_IE.CSS</b></font><?php break;
}
?>
<br />
<br />
<table cellpadding="6" cellspacing="3">
	<th>CSS Section</th>
	<th>Values</th>
	<tr id="bgcol0">
		<td valign="top">You should know that:</td>
		<td><ul>
			<li>In this page:<br /><b>#</b> means =&gt; id;<br /><b>.</b> means =&gt; class;</li>
			<li>You can find/change the JavaScript functions referred in this page in the:<br /><b>[root]\skins\[skinname]\head.php</b> file.</li>
		</ul></td>
	</tr>
	<tr id="bgcol0">
		<td width="10%">Main<br /><br /><small>To clearily show your visitors all the external links they are all automatically represented with a small earth image. This effect is done by the JavaScript function adjustExtlinks().</small></td>
		<td width="90%">
			<a href="#">link (.a)</a><br />
			<a href="http://phpcamaleo.org">external link</a>
			<p>p</p>
			<p class="rev">p.rev</p>
			<p class="sml">p.sml</p>
			<font id="color0">#color0</font>&nbsp;&nbsp;<font id="color1">#color1</font>&nbsp;&nbsp;<font id="color2">#color2</font>&nbsp;&nbsp;<font id="color3">#color3</font><br />
			<font id="rev">#rev</font>&nbsp;&nbsp;<font id="err">#err</font>&nbsp;&nbsp;<font id="sml">#sml</font><br />
			<font id="hand">#hand {when over me}</font><br />
			{img} <img src="img/smile.gif" /><br />
			{img} with link <a href="#"><img src="img/smile.gif" /></a><br />
			{img} with ext link <a href="http://phpcamaleo.org"><img src="img/smile.gif" /></a><br />
			{img} with ext link and .img <a class="img" href="http://phpcamaleo.org"><img src="img/smile.gif" /></a><br />
			{hr#line}<hr id="line">
			{hr#lineref}<hr id="lineref">
		</td>
	</tr>
	<tr id="bgcol0">
		<td>Buttons</td>
		<td>
			<input class="button" value=".button" type="button"><br />
			<input class="button_sml" value=".button_sml" type="button"><br />
			<input class="button_red" value=".button_red" type="button"><br />
			<input class="button_todo" value=".button_todo" type="button"><br />
		</td>
	</tr>
	<tr id="bgcol0">
		<td>Items lists</td>
		<td>
			OL:<ol><li>one</li><li>two</li><li>three</li></ol>
			UL:<ul><li>one</li><li>two</li><li>three</li></ul>
			UL.MYBUL:<ul class="mybul"><li>one</li><li>two</li><li>three</li></ul>
			UL.NOITEM:<ul class="noitem"><li>one</li><li>two</li><li>three</li></ul>
		</td>
	</tr>
	<tr id="bgcol0">
		<td>Headers</td>
		<td>
			<h1>Header 1</h1>
			<h2>Header 2</h2>
			<h3>Header 3</h3>
			<h4>Header 4</h4>
			<h5>Header 5</h5>
			<h6>Header 6</h6>
		</td>
	</tr>
	<tr id="bgcol0">
		<td>Forms (.form)</td>
		<td>
			<fieldset class="form"><legend class="form">&nbsp;Legend&nbsp;</legend>Fieldset</fieldset>
		</td>
	</tr>
	<tr id="bgcol0">
		<td>Forms (.err)</td>
		<td>
			<fieldset class="err"><legend class="err">&nbsp;Legend&nbsp;</legend>Fieldset</fieldset>
		</td>
	</tr>
	<tr id="bgcol0">
		<td>Forms&nbsp;(site&nbsp;statistics&nbsp;=>&nbsp;.sstat)</td>
		<td>
			<fieldset class="sstat"><legend class="sstat">&nbsp;Legend&nbsp;</legend>Fieldset</fieldset>
		</td>
	</tr>
	<tr id="bgcol0">
		<td>Input<br /><br /><small>As the textarea is represented differently in FF/IE, the JavaScript function adjustTextarea() takes care to automatically fix the problem =)</small></td>
		<td>
			<input value="unassigned class"><br />
			<img src="img/trasp.gif" height="5" width="100%" /><br />
			<input class="form" value=".form" size="32" name="testfld"><br />
			<img src="img/trasp.gif" height="5" width="100%" /><br />
			<input class="rev" value=".rev" size="32"><br />
			<img src="img/trasp.gif" height="5" width="100%" /><br />
			<input class="inquiry" readonly tabindex="-1" value=".inquiry" size="32"><br />
			<img src="img/trasp.gif" height="5" width="100%" /><br />
			<textarea class="form" cols="32" rows="3">textarea.form</textarea><br />
			<img src="img/trasp.gif" height="5" width="100%" /><br />
			<textarea class="rev" cols="32" rows="3">textarea.rev</textarea><br />
			<img src="img/trasp.gif" height="5" width="100%" /><br />
			<textarea class="inquiry" readonly tabindex="-1" cols="32" rows="3">textarea.inquiry</textarea><br />
			<img src="img/trasp.gif" height="5" width="100%" /><br />
			<select>
				<optgroup label="Numbers, unassigned class">
					<option>Option 1</option>
					<option>Option 2</option>
					<option>Option 3</option>
				</optgroup>
				<optgroup label="Letters, unassigned class">
					<option>Option A</option>
					<option>Option B</option>
					<option>Option C</option>
				</optgroup>
				<optgroup label="Numbers, class => .form">
					<option class="form">Option 1</option>
					<option class="form">Option 2</option>
					<option class="form">Option 3</option>
				</optgroup>
				<optgroup label="Numbers, class => .inquiry">
					<option class="inquiry">Option 1</option>
					<option class="inquiry">Option 2</option>
					<option class="inquiry">Option 3</option>
				</optgroup>
			</select>
		</td>
	</tr>
	<tr id="bgcol0">
		<td>Data tables (.form_table)</td>
		<td>
			<fieldset class="form"><legend class="form">&nbsp;Sample form&nbsp;</legend>
			<table class="form_table">
			<tr><td>Sample input:<br /><input class="form" type="text" name="email" value="" size="35" maxlength="50"></td></tr>
			<tr><td><a href="#" target="_blank">Sample link</a></td></tr>
			</table>
			</fieldset>
		</td>
	</tr>
	<tr id="bgcol0">
		<td>Data tables (.datatable)<br /><br /><small>Move the mouse over the table to see the effect of the .hi class</small></td>
		<td>
			<table class="datatable" width="100%">
			<caption>TABLE CAPTION</caption>
			<th>header1.th</th>
			<th>header2.th</th>
			<tr class="norm">
				<td>column1.norm</td>
				<td><a href="#">link</a></td>
			</tr>
			<tr class="rev">
				<td>column1.rev</td>
				<td><a href="#">link</a></td>
			</tr>
			</table>
		</td>
	</tr>
	<tr id="bgcol0">
		<td width="10%">popWin</td>
		<td>
			<div id="popWin">popWin</div>
		</td>
	</tr>
	<tr id="bgcol0">
		<td width="10%">FAQ</td>
		<td width="90%">
			<table width="100%" border="0" cellpadding="8" cellspacing="0">
			<tr><td class="QA" valign="top">Q</td>
				<td><font class="question"><a href="#">What is a subdomain?</a></font></td>
			</tr>
			<tr>
				<td class="QA" valign="top">A</td>
				<td><font class="answer">www.domain.com is a domain name. A subdomain is anything that replaces the www in a domain name. <b>forum.phpcamaleo.org</b> is a subdomain, <b>www.forum.phpcamaleo.org</b> is not a subdomain.</td>
			</tr>
			<tr>
				<td colspan="2"><ul><li>.faqcategory</li></ul></td>
			</tr>
			<tr>
				<td colspan="2" class="faqcontent">.faqcontent<br />Used in the FAQ window</td>
			</tr>
			</table>
		</td>
	</tr>
</table>
Return current item: phpCAMALEO