Revision: 6970
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at June 26, 2008 12:33 by perthmetro
Initial Code
values.php
<?php
//SITE BACKGROUND
$bg = $_POST['bg'];
//HEADER BORDER
$hdrbdr = $_POST['hdrbdr'];
//HEADER BORDER WIDTH
$hdrbdrwidth = $_POST['hdrbdrwidth'];
//HEADER BACKGROUND
$hdrbg = $_POST['hdrbg'];
//HEADER TITLE
$hdrttl = $_POST['hdrttl'];
//HEADER SLOGAN
$hdrslgn = $_POST['hdrslgn'];
//TOPNAV BORDER
$topnavbdr = $_POST['topnavbdr'];
//TOPNAV BACKGROUND
$topnavbg = $_POST['topnavbg'];
//TOPNAV BACKGROUND HOVER
$topnavbghvr = $_POST['topnavbghvr'];
//TOPNAV TEXT
$topnavtxt = $_POST['topnavtxt'];
//TOPNAV TEXT HOVER
$topnavtxthover = $_POST['topnavtxthover'];
//BODY BORDER
$bodybdr = $_POST['bodybdr'];
//PAGE TITLE BACKGROUND
$pagettlbg = $_POST['pagettlbg'];
//PAGE TITLE TEXT
$pagettltxt = $_POST['pagettltxt'];
//BODY LINK
$bdylk = $_POST['bdylk'];
//BODY LINK HOVER
$bdylkhvr = $_POST['bdylkhvr'];
//SIDE TITLE
$sidebg = $_POST['sidebg'];
//SIDE TITLE
$sidettl = $_POST['sidettl'];
//SIDE TITLE BACKGROUND
$sidettlbg = $_POST['sidettlbg'];
//SIDEMENU1 LIST TEXT
$side1lsttxt = $_POST['sidelsttxt'];
//SIDEMENU1 LIST TEXT HOVER
$side1lsttxthvr = $_POST['sidelsttxthvr'];
//SIDEMENU1 LIST BACKGROUND
$side1lstbg = $_POST['side1lstbg'];
//SIDEMENU1 LIST BACKGROUND HOVER
$side1lstbghvr = $_POST['side1lstbghvr'];
//SIDEMENU1 LIST BORDER
$side1lstbdr = $_POST['side1lstbdr'];
//SIDEMENU1 LIST BORDER HOVER
$side1lstbdrhvr = $_POST['side1lstbdrhvr'];
//SIDEMENU2 LIST TEXT
$side1lsttxt = $_POST['side1lsttxt'];
//SIDEMENU2 LIST TEXT HOVER
$side1lsttxthvr = $_POST['side1lsttxthvr'];
//SIDEMENU2 DOT
$side1lstdot = $_POST['side1lstdot'];
//SIDEMENU2 DOT HOVER
$side1lstdothvr = $_POST['side1lstdothvr'];
//SIDE CONTACT LEGEND
$side1cntleg = $_POST['side1cntleg'];
//SIDE CONTACT TEXT
$side1cnttxt = $_POST['side1cnttxt'];
//SIDE CONTACT BORDERS
$side1cntbdr = $_POST['side1cntbdr'];
//SIDE CONTACT BUTTON BACKGROUND
$side1cntbg = $_POST['side1cntbg'];
//SIDE CONTACT BUTTON BACKGROUND HOVER
$side1cntbghvr = $_POST['side1cntbghvr'];
//SIDE CONTACT BUTTON BORDER
$side1cntbutbdr = $_POST['side1cntbutbdr'];
//SIDE CONTACT BUTTON BORDER HOVER
$side1cntbutbdrhvr = $_POST['side1cntbutbdrhvr'];
//SIDE CONTACT BUTTON TEXT
$side1cntbuttxt = $_POST['side1cntbuttxt'];
//SIDE CONTACT BUTTON TEXT HOVER
$side1cntbuttxthvr = $_POST['side1cntbuttxthvr'];
//CONTENT BACKGROUND
$conbg = $_POST['conbg'];
//CONTENT H1
$conh1 = $_POST['conh1'];
//CONTENT H1 BACKGROUND
$conh1bg = $_POST['conh1bg'];
//CONTENT H2
$conh2 = $_POST['conh2'];
//CONTENT H3
$conh3 = $_POST['conh3'];
//CONTENT H4
$conh4 = $_POST['conh4'];
//CONTENT H5
$conh5 = $_POST['conh5'];
//CONTENT H6
$conh6 = $_POST['conh6'];
//CONTENT P
$conp = $_POST['conp'];
//CONTENT BLOCKQUOTE TEXT
$conbqtxt = $_POST['conbqtxt'];
//CONTENT BLOCKQUOTE BORDER
$conbqbdr = $_POST['conbqbdr'];
//CONTENT BLOCKQUOTE BACKGROUND
$conbqbg = $_POST['conbqbg'];
//CONTENT IMG BORDER
$conimgbdr = $_POST['conimgbdr'];
//CONTENT IMG BORDER A
$conimgbdra = $_POST['conimgbdra'];
//CONTENT IMG BORDER A HOVER
$conimgbdrahvr = $_POST['conimgbdrahvr'];
//TABLE HEADER TEXT
$contblhdrtxt = $_POST['contblhdrtxt'];
//TABLE HEADER BACKGROUND
$contblhdrbg = $_POST['contblhdrbg'];
//TABLE TEXT
$contbltxt = $_POST['contbltxt'];
//TABLE BORDER
$contblbdr = $_POST['contblbdr'];
//FOOTER TEXT
$ftrtxt = $_POST['ftrtxt'];
//FOOTER LINK A
$ftrlnka = $_POST['ftrlnka'];
//FOOTER LINK A HOVER
$ftrlnkahvr = $_POST['ftrlnkahvr'];
//FOOTER BACKGROUND
$ftrbg = $_POST['ftrbg'];
//HTML CODE - THIS IS THE CODE FOR THE HTML PAGE
$html = file_get_contents("html.txt");
//IF FORM IS SUBMITED
if($_POST) {
$fp = fopen('bg.txt', 'w+');
fwrite($fp, $bg);
fclose($fp);
$fp = fopen('hdrbdr.txt', 'w+');
fwrite($fp, $hdrbdr);
fclose($fp);
$fp = fopen('hdrbdrwidth.txt', 'w+');
fwrite($fp, $hdrbdrwidth);
fclose($fp);
$fp = fopen('hdrbg.txt', 'w+');
fwrite($fp, $hdrbg);
fclose($fp);
$fp = fopen('hdrttl.txt', 'w+');
fwrite($fp, $hdrttl);
fclose($fp);
$fp = fopen('hdrslgn.txt', 'w+');
fwrite($fp, $hdrslgn);
fclose($fp);
$fp = fopen('topnavbdr.txt', 'w+');
fwrite($fp, $topnavbdr);
fclose($fp);
$fp = fopen('topnavbg.txt', 'w+');
fwrite($fp, $topnavbg);
fclose($fp);
$fp = fopen('topnavbghvr.txt', 'w+');
fwrite($fp, $topnavbghvr);
fclose($fp);
$fp = fopen('topnavtxt.txt', 'w+');
fwrite($fp, $topnavtxt);
fclose($fp);
$fp = fopen('topnavtxthover.txt', 'w+');
fwrite($fp, $topnavtxthover);
fclose($fp);
$fp = fopen('bodybdr.txt', 'w+');
fwrite($fp, $bodybdr);
fclose($fp);
$fp = fopen('pagettlbg.txt', 'w+');
fwrite($fp, $pagettlbg);
fclose($fp);
$fp = fopen('pagettltxt.txt', 'w+');
fwrite($fp, $pagettltxt);
fclose($fp);
$fp = fopen('bdylk.txt', 'w+');
fwrite($fp, $bdylk);
fclose($fp);
$fp = fopen('bdylkhvr.txt', 'w+');
fwrite($fp, $bdylkhvr);
fclose($fp);
$fp = fopen('sidebg.txt', 'w+');
fwrite($fp, $sidebg);
fclose($fp);
$fp = fopen('sidettl.txt', 'w+');
fwrite($fp, $sidettl);
fclose($fp);
$fp = fopen('sidettlbg.txt', 'w+');
fwrite($fp, $sidettlbg);
fclose($fp);
$fp = fopen('sidelsttxt.txt', 'w+');
fwrite($fp, $side1lsttxt);
fclose($fp);
$fp = fopen('sidelsttxthvr.txt', 'w+');
fwrite($fp, $side1lsttxthvr);
fclose($fp);
$fp = fopen('side1lstbg.txt', 'w+');
fwrite($fp, $side1lstbg);
fclose($fp);
$fp = fopen('side1lstbghvr.txt', 'w+');
fwrite($fp, $side1lstbghvr);
fclose($fp);
$fp = fopen('side1lstbdr.txt', 'w+');
fwrite($fp, $side1lstbdr);
fclose($fp);
$fp = fopen('side1lstbdrhvr.txt', 'w+');
fwrite($fp, $side1lstbdrhvr);
fclose($fp);
$fp = fopen('side1lsttxt.txt', 'w+');
fwrite($fp, $side1lsttxt);
fclose($fp);
$fp = fopen('side1lsttxthvr.txt', 'w+');
fwrite($fp, $side1lsttxthvr);
fclose($fp);
$fp = fopen('side1lstdot.txt', 'w+');
fwrite($fp, $side1lstdot);
fclose($fp);
$fp = fopen('side1lstdothvr.txt', 'w+');
fwrite($fp, $side1lstdothvr);
fclose($fp);
$fp = fopen('side1cntleg.txt', 'w+');
fwrite($fp, $side1cntleg);
fclose($fp);
$fp = fopen('side1cnttxt.txt', 'w+');
fwrite($fp, $side1cnttxt);
fclose($fp);
$fp = fopen('side1cntbdr.txt', 'w+');
fwrite($fp, $side1cntbdr);
fclose($fp);
$fp = fopen('side1cntbg.txt', 'w+');
fwrite($fp, $side1cntbg);
fclose($fp);
$fp = fopen('side1cntbghvr.txt', 'w+');
fwrite($fp, $side1cntbghvr);
fclose($fp);
$fp = fopen('side1cntbutbdr.txt', 'w+');
fwrite($fp, $side1cntbutbdr);
fclose($fp);
$fp = fopen('side1cntbutbdrhvr.txt', 'w+');
fwrite($fp, $side1cntbutbdrhvr);
fclose($fp);
$fp = fopen('side1cntbuttxt.txt', 'w+');
fwrite($fp, $side1cntbuttxt);
fclose($fp);
$fp = fopen('side1cntbuttxthvr.txt', 'w+');
fwrite($fp, $side1cntbuttxthvr);
fclose($fp);
$fp = fopen('conbg.txt', 'w+');
fwrite($fp, $conbg);
fclose($fp);
$fp = fopen('conh1.txt', 'w+');
fwrite($fp, $conh1);
fclose($fp);
$fp = fopen('conh1bg.txt', 'w+');
fwrite($fp, $conh1bg);
fclose($fp);
$fp = fopen('conh2.txt', 'w+');
fwrite($fp, $conh2);
fclose($fp);
$fp = fopen('conh3.txt', 'w+');
fwrite($fp, $conh3);
fclose($fp);
$fp = fopen('conh4.txt', 'w+');
fwrite($fp, $conh4);
fclose($fp);
$fp = fopen('conh5.txt', 'w+');
fwrite($fp, $conh5);
fclose($fp);
$fp = fopen('conh6.txt', 'w+');
fwrite($fp, $conh6);
fclose($fp);
$fp = fopen('conp.txt', 'w+');
fwrite($fp, $conp);
fclose($fp);
$fp = fopen('conbqtxt.txt', 'w+');
fwrite($fp, $conbqtxt);
fclose($fp);
$fp = fopen('conbqbdr.txt', 'w+');
fwrite($fp, $conbqbdr);
fclose($fp);
$fp = fopen('conbqbg.txt', 'w+');
fwrite($fp, $conbqbg);
fclose($fp);
$fp = fopen('conimgbdr.txt', 'w+');
fwrite($fp, $conimgbdr);
fclose($fp);
$fp = fopen('conimgbdra.txt', 'w+');
fwrite($fp, $conimgbdra);
fclose($fp);
$fp = fopen('conimgbdrahvr.txt', 'w+');
fwrite($fp, $conimgbdrahvr);
fclose($fp);
$fp = fopen('contblhdrtxt.txt', 'w+');
fwrite($fp, $contblhdrtxt);
fclose($fp);
$fp = fopen('contblhdrbg.txt', 'w+');
fwrite($fp, $contblhdrbg);
fclose($fp);
$fp = fopen('contbltxt.txt', 'w+');
fwrite($fp, $contbltxt);
fclose($fp);
$fp = fopen('contblbdr.txt', 'w+');
fwrite($fp, $contblbdr);
fclose($fp);
$fp = fopen('ftrtxt.txt', 'w+');
fwrite($fp, $ftrtxt);
fclose($fp);
$fp = fopen('ftrlnka.txt', 'w+');
fwrite($fp, $ftrlnka);
fclose($fp);
$fp = fopen('ftrlnkahvr.txt', 'w+');
fwrite($fp, $ftrlnkahvr);
fclose($fp);
$fp = fopen('ftrbg.txt', 'w+');
fwrite($fp, $ftrbg);
fclose($fp);
} else
echo (file_get_contents("html.txt"));
?>
html.txt
<form id="colors" name="colors" method="post" action="">
<p>site background: <input name="bg" type="text" value="<?=$_POST['bg']?>" id="bg" /></p>
<p>header border: <input name="hdrbdr" type ="text" id="hdrbdr" /></p>
<p>header border width: <input name="hdrbdrwidth" type ="text" id="hdrbdrwidth" /></p>
<p>header background: <input name="hdrbg" type ="text" id="hdrbg" /></p>
<p>header title: <input name="hdrttl" type ="text" id="hdrttl" /></p>
<p>header slogan: <input name="hdrslgn" type ="text" id="hdrslgn" /></p>
<p>topnav border: <input name="topnavbdr" type ="text" id="topnavbdr" /></p>
<p>topnav background: <input name="topnavbg" type ="text" id="topnavbg" /></p>
<p>topnav background hover: <input name="topnavbghvr" type ="text" id="topnavbghvr" /></p>
<p>topnav text: <input name="topnavtxt" type ="text" id="topnavtxt" /></p>
<p>topnav text hover: <input name="topnavtxthover" type ="text" id="topnavtxthover" /></p>
<p>body border: <input name="bodybdr" type ="text" id="bodybdr" /></p>
<p>page title background: <input name="pagettlbg" type ="text" id="pagettlbg" /></p>
<p>page title text: <input name="pagettltxt" type ="text" id="pagettltxt" /></p>
<p>body link: <input name="bdylk" type ="text" id="bdylk" /></p>
<p>body link hover: <input name="bdylkhvr" type ="text" id="bdylkhvr" /></p>
<p>side background: <input name="sidebg" type ="text" id="sidebg" /></p>
<p>side title: <input name="sidettl" type ="text" id="sidettl" /></p>
<p>side title background: <input name="sidettlbg" type ="text" id="sidettlbg" /></p>
<p>sidemenu1 list text: <input name="side1lsttxt" type ="text" id="sidelsttxt" /></p>
<p>sidemenu1 list text hover: <input name="side1lsttxthvr" type ="text" id="sidelsttxthvr" /></p>
<p>sidemenu1 list background: <input name="side1lstbg" type ="text" id="side1lstbg" /></p>
<p>sidemenu1 list background hover: <input name="side1lstbghvr" type ="text" id="side1lstbghvr" /></p>
<p>sidemenu1 list border: <input name="side1lstbdr" type ="text" id="side1lstbdr" /></p>
<p>sidemenu1 list border hover: <input name="side1lstbdrhvr" type ="text" id="side1lstbdrhvr" /></p>
<p>sidemenu2 list text: <input name="side1lsttxt" type ="text" id="side1lsttxt" /></p>
<p>sidemenu2 list text hover: <input name="side1lsttxthvr" type ="text" id="side1lsttxthvr" /></p>
<p>sidemenu2 dot: <input name="side1lstdot" type ="text" id="side1lstdot" /></p>
<p>sidemenu2 dot hover: <input name="side1lstdothvr" type ="text" id="side1lstdothvr" /></p>
<p>side contact legend: <input name="side1cntleg" type ="text" id="side1cntleg" /></p>
<p>side contact text: <input name="side1cnttxt" type ="text" id="side1cnttxt" /></p>
<p>side contact borders: <input name="side1cntbdr" type ="text" id="side1cntbdr" /></p>
<p>side contact button background: <input name="side1cntbg" type ="text" id="side1cntbg" /></p>
<p>side contact button background hover: <input name="side1cntbghvr" type ="text" id="side1cntbghvr" /></p>
<p>side contact button border: <input name="side1cntbutbdr" type ="text" id="side1cntbutbdr" /></p>
<p>side contact button border hover: <input name="side1cntbutbdrhvr" type ="text" id="side1cntbutbdrhvr" /></p>
<p>side contact button text: <input name="side1cntbuttxt" type ="text" id="side1cntbuttxt" /></p>
<p>side contact button text hover: <input name="side1cntbuttxthvr" type ="text" id="side1cntbuttxthvr" /></p>
<p>content background: <input name="conbg" type ="text" id="conbg" /></p>
<p>content h1: <input name="conh1" type ="text" id="conh1" /></p>
<p>content h1 background: <input name="conh1bg" type ="text" id="conh1bg" /></p>
<p>content h2: <input name="conh2" type ="text" id="conh2" /></p>
<p>content h3: <input name="conh3" type ="text" id="conh3" /></p>
<p>content h4: <input name="conh4" type ="text" id="conh4" /></p>
<p>content h5: <input name="conh5" type ="text" id="conh5" /></p>
<p>content h6: <input name="conh6" type ="text" id="conh6" /></p>
<p>content p: <input name="conp" type ="text" id="conp" /></p>
<p>content blockquote text: <input name="conbqtxt" type ="text" id="conbqtxt" /></p>
<p>content blockquote border: <input name="conbqbdr" type ="text" id="conbqbdr" /></p>
<p>content blockquote background: <input name="conbqbg" type ="text" id="conbqbg" /></p>
<p>content img border: <input name="conimgbdr" type ="text" id="conimgbdr" /></p>
<p>content img border a: <input name="conimgbdra" type ="text" id="conimgbdra" /></p>
<p>content img border a hover: <input name="conimgbdrahvr" type ="text" id="conimgbdrahvr" /></p>
<p>table header text: <input name="contblhdrtxt" type ="text" id="contblhdrtxt" /></p>
<p>table header background: <input name="contblhdrbg" type ="text" id="contblhdrbg" /></p>
<p>table text: <input name="contbltxt" type ="text" id="contbltxt" /></p>
<p>table border: <input name="contblbdr" type ="text" id="contblbdr" /></p>
<p>footer text: <input name="ftrtxt" type ="text" id="ftrtxt" /></p>
<p>footer link a: <input name="ftrlnka" type ="text" id="ftrlnka" /></p>
<p>footer link a hover: <input name="ftrlnkahvr" type ="text" id="ftrlnkahvr" /></p>
<p>footer background: <input name="ftrbg" type ="text" id="ftrbg" /></p>
<p><input type="submit" name="Submit" value="Submit" /></p>
</form>
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<!-- Version: Multiflex-5.4 / Overview -->
<!-- Type: Design with sidebar -->
<!-- Date: March 13, 2008 -->
<!-- Design: www.1234.info -->
<!-- License: Fully open source without restrictions. -->
<!-- Please keep footer credits with the words -->
<!-- "Design by 1234.info". Thank you! -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache" />
<meta name="robots" content="index,follow" />
<meta name="author" content="Designed by www.1234.info / Modified: Your Name" />
<meta name="description" content="Your container description here" />
<meta name="keywords" content="Your keywords, keywords, keywords, here" />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="mf54_reset.php" />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="mf54_grid.php" />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="mf54_content.php" />
<link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
<title>Your business website</title>
</head>
<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
<!-- Following line MUST remain as a comment to have the proper effect -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->
<body>
<!-- CONTAINER FOR ENTIRE PAGE -->
<div class="container">
<!-- A. HEADER -->
<div class="header">
<!-- A.1 SITENAME -->
<a class="sitelogo" href="index.html" title="Home"></a>
<div class="sitename">
<h1><a href="index.html" title="Home">Your Business Name</a></h1>
<h2>Welcome to ColourFlex</h2>
</div>
<!-- A.2 BUTTON NAVIGATION -->
<div class="navbutton">
<ul>
<li><a href="#" title="RSS"><img src="./img/icon_rss.gif" alt="RSS-Button" /></a></li>
</ul>
</div>
</div>
<!-- B. NAVIGATION BAR -->
<div class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
</ul>
<ul>
<li><a href="mf54_tutorial.html">Specials</a></li>
</ul>
<ul>
<li><a href="mf54_tutorial.html">Beef</a></li>
</ul>
<ul>
<li><a href="mf54_tutorial.html">Chicken</a></li>
</ul>
<ul>
<li><a href="mf54_tutorial.html">Contact</a></li>
</ul>
</div>
<!-- C. MAIN SECTION -->
<div class="main">
<h1 class="pagetitle">Content Toolbox (With sidebar)</h1>
<!-- C.1 CONTENT -->
<div class="content">
<!-- CONTENT CELL -->
<div class="content-1col-nobox">
<h1>Available Content Styles</h1>
<!-- Subcell LEFT-->
<div class="content-2col-nobox-leftcolumn">
<h2>Content (1-Column / No box)</h2>
<ul>
<li>1-01 / <a href="#anchor-heading-1">Heading (with icon)</a></li>
<li>1-02 / <a href="#anchor-heading-noicon-1">Heading (no icon)</a></li>
<li>1-03 / <a href="#anchor-text-1">Text</a></li>
<li>1-04 / <a href="#anchor-image-1">Image</a></li>
</ul>
<h2>Content (2-Column / No box)</h2>
<ul>
<li>2-01 / <a href="#anchor-heading-2">Heading (with icon)</a></li>
<li>2-02 / <a href="#anchor-heading-noicon-2">Heading (no icon)</a></li>
<li>2-03 / <a href="#anchor-text-2">Text</a></li>
<li>2-04 / <a href="#anchor-image-2">Image</a></li>
</ul>
</div>
<!-- Subcell RIGHT -->
<div class="content-2col-nobox-rightcolumn">
<h2>Content (2-Column / Box)</h2>
<ul>
<li>3-01 / <a href="#anchor-heading-3">Heading (with icon)</a></li>
<li>3-02 / <a href="#anchor-heading-noicon-3">Heading (no icon)</a></li>
<li>3-03 / <a href="#anchor-text-3">Text</a></li>
<li>3-04 / <a href="#anchor-image-3">Image</a></li>
</ul>
<h2>Subcontent</h2>
<ul>
<li>4-01 / <a href="#anchor-sidemenu-4">Side menu</a></li>
<li>4-02 / <a href="#anchor-heading-4">Heading (with icon)</a></li>
<li>4-03 / <a href="#anchor-heading-noicon-4">Heading (no icon)</a></li>
<li>4-04 / <a href="#anchor-text-4">Text</a></li>
</ul>
</div>
</div>
<!-- ************************************************************************************************** -->
<!-- ************************************************************************************************** -->
<!-- ** ** -->
<!-- ** 2. CONTENT (2-COLUMN, NO BOX) ** -->
<!-- ** ** -->
<!-- ************************************************************************************************** -->
<!-- ************************************************************************************************** -->
<!-- ************************************************************************************************** -->
<!-- ** 2-01. HEADING (WITH ICON) ** -->
<!-- ************************************************************************************************** -->
<!-- CONTENT CELL (subcells NOT boxes) -->
<a id="anchor-heading-2"></a>
<div class="content-1col-nobox">
<h1>Box head h1</h1>
<!-- Subcell LEFT -->
<div class="content-2col-nobox-leftcolumn">
<h5>Paragraph</h5>
<p>Standard text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
</div>
<!-- Subcell RIGHT -->
<div class="content-2col-nobox-rightcolumn">
<h5>Paragraph</h5>
<p>Standard text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
</div>
</div>
<!-- ************************************************************************************************** -->
<!-- ** 2-03. TEXT ** -->
<!-- ************************************************************************************************** -->
<!-- CONTENT CELL (subcells NOT boxes) -->
<a id="anchor-text-2"></a>
<div class="content-1col-nobox">
<h1>Text</h1>
<!-- Subcell LEFT -->
<div class="content-2col-nobox-leftcolumn">
<h5>Paragraph</h5>
<p>Standard text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing.</p>
</blockquote>
<h5>Unordered list</h5>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing. </li>
<li>Second entry</li>
</ul>
<h5>Ordered list</h5>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing. </li>
<li>Second entry</li>
</div>
<!-- Subcell RIGHT -->
<div class="content-2col-nobox-rightcolumn">
<h5>Paragraph</h5>
<p>Standard text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
</div>
</div>
<!-- ************************************************************************************************** -->
<!-- ** 2-04. IMAGE ** -->
<!-- ************************************************************************************************** -->
<!-- CONTENT CELL (subcells NOT boxes) -->
<a id="anchor-image-2"></a>
<div class="content-1col-nobox">
<h1>Image</h1>
<!-- Subcell LEFT-->
<div class="content-2col-nobox-leftcolumn">
<h2>Title heading (above image)</h2>
<h3>Heading h3</h3>
<h6>Heading h6</h6>
<p><img src="./img/image.jpg" alt="Image description" title="Image title" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
<p><img class="center" src="./img/image.jpg" alt="Image description" title="Image title" /></p>
<h3>Heading h3</h3>
<h6>Heading h6</h6>
<p><img class="right" src="./img/image.jpg" alt="Image description" title="Image title" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
</div>
<!-- Subcell RIGHT -->
<div class="content-2col-nobox-rightcolumn">
<h5>Paragraph</h5>
<p>Standard text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<h2>Title heading beside image</h2>
<h3><img src="./img/image.jpg" alt="Image description" title="Image title" />Heading h3</h3>
<h6>Heading h6</h6>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
</div>
</div>
<!-- ************************************************************************************************** -->
<!-- ** 2-06. TABLE ** -->
<!-- ************************************************************************************************** -->
<!-- CONTENT CELL (subcells NOT boxes) -->
<a id="anchor-table-2"></a>
<div class="content-1col-nobox">
<h1>Table</h1>
<!-- Subcell LEFT-->
<div class="content-2col-nobox-leftcolumn">
<table>
<tr><th class="top" scope="col">Heading 1</th><th class="top" scope="col">Heading 2</th><th class="top" scope="col">Heading 3</th></tr>
<tr><th scope="row">Category 1</th><td>Data</td><td>Data</td></tr>
<tr><th scope="row">Category 2</th><td>Data</td><td>Data</td></tr>
<tr><th scope="row">Category 3</th><td><a href="#">Link</a></td><td><a href="#">Link</a></td></tr>
</table>
<p class="caption"><b>Table x.x.</b> Caption</p>
</div>
<!-- Subcell RIGHT -->
<div class="content-2col-nobox-rightcolumn">
<h5>Paragraph</h5>
<p>Standard text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
</div>
</div>
<!-- ************************************************************************************************** -->
<!-- ** 2-07. CONTACT FORM ** -->
<!-- ************************************************************************************************** -->
<!-- CONTENT CELL (subcells NOT boxes) -->
<a id="anchor-contact-2"></a>
<div class="content-1col-nobox">
<h1 class="contact">Contact Form</h1>
<!-- Subcell LEFT -->
<div class="content-2col-nobox-leftcolumn">
<div class="contactform">
<form method="post" action="index.html">
<fieldset><legend> CONTACT DETAILS </legend>
<p><label for="contact_title_2a" class="left">Title:</label>
<select name="contact_title" id="contact_title_2a" class="combo">
<option value="choose"> Select... </option>
<option value="mrs"> Mrs. </option>
<option value="mr"> Mr. </option>
<option value="dr"> Dr. </option></select></p>
<p><label for="contact_firstname_2a" class="left">First name:</label>
<input type="text" name="contact_firstname" id="contact_firstname_2a" class="field" value="" tabindex="1" /></p>
<p><label for="contact_familyname_2a" class="left">Family name:</label>
<input type="text" name="contact_familyname" id="contact_familyname_2a" class="field" value="" tabindex="1" /></p>
<p><label for="contact_street_2a" class="left">Street:</label>
<input type="text" name="contact_street" id="contact_street_2a" class="field" value="" tabindex="1" /></p>
<p><label for="contact_postalcode_2a" class="left">Postal code:</label>
<input type="text" name="contact_postalcode" id="contact_postalcode_2a" class="field" value="" tabindex="1" /></p>
<p><label for="contact_city_2a" class="left">City:</label>
<input type="text" name="contact_city" id="contact_city_2a" class="field" value="" tabindex="1" /></p>
<p><label for="contact_country_2a" class="left">Country:</label>
<select name="contact_country" id="contact_country_2a" class="combo">
<option value="choose"> Select... </option>
<option value="Sweden"> Sweden </option>
<option value="United States"> United States </option>
<option value="China"> China </option></select></p>
<p><label for="contact_phone_2a" class="left">Phone:</label>
<input type="text" name="contact_phone" id="contact_phone_2a" class="field" value="" tabindex="2" /></p>
<p><label for="contact_email_2a" class="left">Email:</label>
<input type="text" name="contact_email" id="contact_email_2a" class="field" value="" tabindex="2" /></p>
<p><label for="contact_url_2a" class="left">Website:</label>
<input type="text" name="contact_url" id="contact_url_2a" class="field" value="" tabindex="3" /></p>
</fieldset>
<fieldset><legend> MESSAGE DETAILS </legend>
<p><label for="contact_subject_2a" class="left">Subject:</label>
<input type="text" name="contact_subject" id="contact_subject_2a" class="field" value="" tabindex="4" /></p>
<p><label for="contact_urgency_2a" class="left">Please reply:</label>
<select name="contact_urgency" id="contact_urgency_2a" class="combo">
<option value="choose"> Select... </option>
<option value="today"> Latest today </option>
<option value="tomorrow"> Latest tomorrow </option>
<option value="threedays"> Latest in 3 days </option>
<option value="week"> Latest in a week </option>
<option value="month"> Latest in a month </option></select></p>
<p><label for="contact_message_2a" class="left">Message:</label>
<textarea name="contact_message" id="contact_message_2a" cols="45" rows="10" tabindex="5"></textarea></p>
<p><input type="submit" name="submit" id="submit_2a" class="button" value="Send message" tabindex="6" /></p>
</fieldset>
</form>
</div>
</div>
<!-- Subcell RIGHT -->
<div class="content-2col-nobox-rightcolumn">
<h2>Address</h2>
<p>42 Your Street, Yoursville W.A. 6108</p>
<h2>Fax</h2>
<p>08 123 4566</p>
<h2>Phone</h2>
<p>08 123 4567</p>
<h2>Email</h2>
<p>[email protected]</p>
</div>
</div>
</div>
<!-- ************************************************************************************************** -->
<!-- ************************************************************************************************** -->
<!-- ** ** -->
<!-- ** 4. SUBCONTENT ** -->
<!-- ** ** -->
<!-- ************************************************************************************************** -->
<!-- ************************************************************************************************** -->
<!-- C.2 SUBCONTENT -->
<div class="subcontent">
<!-- ************************************************************************************************** -->
<!-- ** 4-01A. SIDE MENU #1 ** -->
<!-- ************************************************************************************************** -->
<!-- SUBCONTENT CELL -->
<a id="anchor-sidemenu-4"></a>
<div class="subcontent-box">
<h1 class="menu">Side menu 1</h1>
<div class="sidemenu1">
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
</div>
</div>
<!-- ************************************************************************************************** -->
<!-- ** 4-01B. SIDE MENU #2 ** -->
<!-- ************************************************************************************************** -->
<!-- SUBCONTENT CELL -->
<div class="subcontent-box">
<h1 class="menu">Side menu 2</h1>
<div class="sidemenu2">
<h2 class="noicon">Title</h2>
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
<h2 class="noicon">Title</h2>
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
<h2 class="noicon">Title</h2>
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<!-- ************************************************************************************************** -->
<!-- ** 4-08. CONTACT FORM ** -->
<!-- ************************************************************************************************** -->
<!-- SUBCONTENT CELL -->
<a id="anchor-contact-4"></a>
<div class="subcontent-box">
<h1 class="contact">Contact</h1>
<div class="contactform">
<form method="post" action="index.html">
<fieldset><legend> CONTACT DETAILS </legend>
<p><label for="contact_title_4" class="left">Title:</label>
<select name="contact_title" id="contact_title_4" class="combo">
<option value="choose"> Select... </option>
<option value="mrs"> Mrs. </option>
<option value="mr"> Mr. </option>
<option value="dr"> Dr. </option></select></p>
<p><label for="contact_firstname_4" class="left">First name:</label>
<input type="text" name="contact_firstname" id="contact_firstname_4" class="field" value="" tabindex="1" /></p>
<p><label for="contact_familyname_4" class="left">Family name:</label>
<input type="text" name="contact_familyname" id="contact_familyname_4" class="field" value="" tabindex="1" /></p>
<p><label for="contact_street_4" class="left">Street:</label>
<input type="text" name="contact_street" id="contact_street_4" class="field" value="" tabindex="1" /></p>
<p><label for="contact_postalcode_4" class="left">Postal code:</label>
<input type="text" name="contact_postalcode" id="contact_postalcode_4" class="field" value="" tabindex="1" /></p>
<p><label for="contact_city_4" class="left">City:</label>
<input type="text" name="contact_city" id="contact_city_4" class="field" value="" tabindex="1" /></p>
<p><label for="contact_country_4" class="left">Country:</label>
<select name="contact_country" id="contact_country_4" class="combo">
<option value="choose"> Select... </option>
<option value="Sweden"> Sweden </option>
<option value="United States"> United States </option>
<option value="China"> China </option></select></p>
<p><label for="contact_phone_4" class="left">Phone:</label>
<input type="text" name="contact_phone" id="contact_phone_4" class="field" value="" tabindex="2" /></p>
<p><label for="contact_email_4" class="left">Email:</label>
<input type="text" name="contact_email" id="contact_email_4" class="field" value="" tabindex="2" /></p>
<p><label for="contact_url_4" class="left">Website:</label>
<input type="text" name="contact_url" id="contact_url_4" class="field" value="" tabindex="3" /></p>
</fieldset>
<fieldset><legend> MESSAGE DETAILS </legend>
<p><label for="contact_subject_4" class="left">Subject:</label>
<input type="text" name="contact_subject" id="contact_subject_4" class="field" value="" tabindex="4" /></p>
<p><label for="contact_urgency_4" class="left">Please reply:</label>
<select name="contact_urgency" id="contact_urgency_4" class="combo">
<option value="choose"> Select... </option>
<option value="today"> Latest today </option>
<option value="tomorrow"> Latest tomorrow </option>
<option value="threedays"> Latest in 3 days </option>
<option value="week"> Latest in a week </option>
<option value="month"> Latest in a month </option></select></p>
<p><label for="contact_message_4" class="left">Message:</label>
<textarea name="contact_message" id="contact_message_4" cols="45" rows="10" tabindex="5"></textarea></p>
<p><input type="submit" name="submit" id="submit_4" class="button" value="Send message" tabindex="6" /></p>
</fieldset>
</form>
</div>
</div>
</div>
</div>
<!-- ************************************************************************************************** -->
<!-- ************************************************************************************************** -->
<!-- ******************************* END OF AVAILABLE CONTENT STYLES ****************************** -->
<!-- ************************************************************************************************** -->
<!-- ************************************************************************************************** -->
<!-- D. FOOTER -->
<div class="footer">
<p>Copyright © 2008 Your Company | All Rights Reserved</p>
<p class="credits">Design by <a href="http://1234.info/" title="Designer Homepage">1234.info</a> | Modified by <a href="#" title="Modifyer Homepage">Your Name</a> | Powered by <a href="#" title="CMS Homepage">Your CMS</a> | Media Player by <a href="http://www.jeroenwijering.com" title="Media Player Credits">Jeroen Wijering</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">CSS 2.0</a></p>
</div>
</div>
</body>
</html>
mf54_reset.php
<?php header("Content-type: text/css"); ?>
/****************************************************************/
/* License: Fully open source without restrictions. */
/* Please keep footer credits with the words */
/* "Design by 1234.info". Thank you! */
/****************************************************************/
/***********/
/* RESET */
/***********/
html{color:rgb(0,0,0); background:rgb(255,255,255);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;} /* to preserve line-height and selector appearance */
sub {vertical-align:text-bottom;} /* to preserve line-height and selector appearance */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* to preserve line-height and selector appearance */
legend{color:rgb(0,0,0);} /*because legend doesn't inherit in IE */
mf54_grid.php
<?php header("Content-type: text/css"); ?>
/****************************************************************/
/*--------------------------------------------------------------*/
/* License: Fully open source without restrictions. */
/* Please keep footer credits with the words */
/* "Design by 1234.info". Thank you! */
/****************************************************************/
/******************/
/* GLOBAL LAYOUT */
/******************/
body {font-size:62.5%; background-color:<?php include('bg.txt') ?>; font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {width:978px; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}
.header {width:958px; height:130px; border:solid <?php include('hdrbdrwidth.txt') ?>px <?php include('hdrbdr.txt') ?>; background:<?php include('hdrbg.txt') ?> url(../img/bg_header.jpg) repeat-x /*Total header background image entered here. Height: 125px*/; font-size:1.0em; margin-bottom:10px;}
.navbar {float:left; width:958px; border: solid 10px <?php include('topnavbdr.txt') ?>; background-color:<?php include('topnavbg.txt') ?>; font-family:tahoma,arial,sans-serif; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;} /*Color navigation bar normal mode*/
.main {clear:both; width:958px; padding:0px 0 10px 0; border-left:solid 10px <?php include('bodybdr.txt') ?>; border-top:solid 10px <?php include('bodybdr.txt') ?>; border-right:solid 10px <?php include('bodybdr.txt') ?>; background-color:<?php include('bodybdr.txt') ?>; font-size:1.0em;}
.content {display:inline; /*Fix IE floating margin bug*/; float:right; width:676px; background-color:<?php include('bodybdr.txt') ?>; font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.subcontent {display:inline /*Fix IE floating margin bug*/; float:left; width:270px; background-color:<?php include('bodybdr.txt') ?>; font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:958px; padding:1.0em 0 1.0em 0; border-left:solid 10px <?php include('bodybdr.txt') ?>; border-right:solid 10px <?php include('bodybdr.txt') ?>; border-bottom:solid 10px <?php include('bodybdr.txt') ?>; background-color:<?php include('ftrbg.txt') ?>; font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
/****************/
/* HEADER-TOP */
/****************/
/* SITENAME AND SLOGAN */
.sitelogo {width:170px; height:70px; position:absolute; z-index:1; margin:15px 0 0 15px; background:url(../img/bg_logo.gif);}
.sitename {width:300px; height:70px; position:absolute; z-index:1; margin:27px 0 0 195px; overflow:hidden;}
.sitename h1 {font-family:"trebuchet ms",arial,sans serif; font-weight:normal; font-size:290%;}
.sitename h2 {font-family:verdana,arial,sans serif; margin-top:-5px; padding-bottom:2px; color:<?php include('hdrslgn.txt') ?>; height:20px; font-weight:normal; font-size:130%;}
.sitename a{text-decoration:none; color:<?php include('hdrttl.txt') ?>;}
.sitename a:hover {text-decoration:none; color:<?php include('hdrslgn.txt') ?>;}
/* BUTTON NAVIGATION */
.navbutton {width:100px; position:absolute; z-index:2; margin-top:26px; margin-left:747px !important /*Non-IE6*/; margin-left:750px /*IE6*/;}
.navbutton ul {float:right;}
.navbutton li {display:inline; list-style:none;}
.navbutton li a {padding-left:3px;}
.navbutton a:hover {text-decoration:none;}
.navbutton a img {height:72px;width:100px;}
/********************/
/* NAVIGATION BAR */
/********************/
/* MAIN MENU */
.navbar ul {list-style-type:none;}
.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color:color:<?php include('topnavbg.txt') ?>;}
.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:<?php include('topnavtxt.txt') ?>; border-right:solid 0px rgb(215,215,215);}
.navbar ul li ul {display:none; border:none;}
/* SUBMENU (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a {background-color:<?php include('topnavbghvr.txt') ?>; color: <?php include('topnavtxthover.txt') ?>; text-decoration:none;} /*Color main cells hovering mode*/
/* SUBMENU (IE6 hovering) */
.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:<?php include('topnavbghover.txt') ?>; color: <?php include('topnavtxthvr.txt') ?>; text-decoration:none;} /*Color main cells hovering mode*/
/************/
/* CONTENT */
/************/
/* CONTAINER (NO BOXES) */
.content-1col-nobox {width:676px; background-color:<?php include('conbg.txt') ?>; margin-bottom:10px;}
.content-2col-nobox-leftcolumn {display:inline; float:left; width:437px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:<?php include('conbg.txt') ?>;}
.content-2col-nobox-rightcolumn {display:inline; float:right; width:237px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:<?php include('conbg.txt') ?>;}
/***************/
/* SUBCONTENT */
/***************/
.subcontent-box {width:270px; float:left; background-color:<?php include('sidebg.txt') ?>; margin-bottom:10px;}
/************/
/* FOOTER */
/************/
.footer p {clear:both; line-height:1.3em; text-align:center; color:<?php include('ftrtxt.txt') ?>; font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:<?php include('ftrtxta.txt') ?>;}
.footer a:hover {text-decoration:none; color:<?php include('ftrtxtahvr.txt') ?>;}
/******************/
/* CLEAR FLOATS */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/ visibility:hidden;}
/**************/
/* PRINTING */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns */
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:none; background-color:rgb(255,255,255);}}
/********************************************/
/* USED ONLY FOR DEMO PAGE FOR GRID SETUP */
/* Do not use for operational purposes */
/********************************************/
.main p.demo {margin:0; padding:10px 20px 50px 20px;}
/******************************************/
/* YOUR OWN USER STYLES */
/* If you want to add your own styles, */
/* then add them here below in order to */
/* avoid a mixup with default styles. */
/******************************************/
mf54_content.php
<?php header("Content-type: text/css"); ?>
/****************************************************************/
/* Design: Multiflex-5.4 */
/* Type: Design with sidebar */
/* File: Content Toolbox */
/*--------------------------------------------------------------*/
/* Design: www.1234.info */
/* Date: March 13, 2008 */
/*--------------------------------------------------------------*/
/* License: Fully open source without restrictions. */
/* Please keep footer credits with the words */
/* "Design by 1234.info". Thank you! */
/****************************************************************/
/*************/
/* CONTENT */
/*************/
/* PAGETITLE */
.main h1.pagetitle {margin:0 0 0.5em 0; padding:10px 0 10px 52px; background-color: lightgreen; color:<?php include('pagettltxt.txt') ?>; font-weight:bold; font-size:220%;}
/* HEADING -- Standard icon (1-Column / 2-Column) */
.content h1 {margin:0; padding:5px 25px 12px 10px; border-bottom:solid 1px rgb(215,215,215); background:<?php include('conh1bg.txt') ?> url(../img/icon_celltitle_level1.gif) no-repeat; background-position:632px 5px; color:<?php include('conh1.txt') ?>; font-weight:bold; font-size:220%;}
.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 15px 5px 0; background: transparent; background-position:right 15px; color:<?php include('conh2.txt') ?>; font-weight:bold; font-size:180%;}
.content h3 {margin:1.0em 0 -0.3em 0; padding:0 10px 0 10px; color:rgb(75,75,75); font-weight:bold; font-size:180%;}
.content h4 {margin:1.0em 0 -0.3em 0; padding:0 10px 0 10px; color:<?php include('conh4.txt') ?>; font-weight:bold; font-size:160%;}
.content h5 {margin:1.0em 0 -0.5em 0; padding:0 10px 0 10px; color:<?php include('conh5.txt') ?>; font-weight:bold; font-size:140%;}
.content h6 {margin:0.4em 0 0.5em 0; padding:0 10px 0 10px; color:; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
/* PARAGRAPH TEXT */
.content p {margin:1.0em 0 1.0em 0; color:<?php include('conp.txt') ?>; line-height:1.3em; padding: 0 10px 0 10px; font-size:131%;}
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120%;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; padding:5px 10px 5px 10px; border-left: solid 7px <?php include('conbqbdr.txt') ?>; font-size:13px; font-weight: bold; font-family: Georgia; font-style: italic; color:<?php include('conbqtxt.txt') ?>; background-color:<?php include('conbqbg.txt') ?>;}
/* LIST */
.content ul {margin:5px 20px 10px 20px; padding:0 10px 0 10px; list-style-position:inside;}
.content ul li {color:#333; list-style: square; line-height:20px; font-size:13px;}
.content ul li a{color:<?php include('bdylk.txt') ?>; list-style: square; font-size:13px;}
.content ul li a:hover{color:<?php include('bdylkhvr.txt') ?>;}
.content ol {margin:5px 20px 10px 20px; padding:0 10px 0 10px; list-style-position:inside;}
.content ol li {color:#333; list-style: decimal; line-height:20px; font-size:13px;}
.content ol li a{color:<?php include('bdylk.txt') ?>; list-style: square; font-size:13px;}
.content ol li a:hover{color:<?php include('bdylkhvr.txt') ?>;}
/* TABLE (1-Column / 2-Column) */
.content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.content-2col-nobox-leftcolumn table, .content-2col-nobox-rightcolumn table, .content-2col-box-leftcolumn table, .content-2col-box-rightcolumn table {clear:both; width:390px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120%;}
.content table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.content table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120%;}
.content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120%;}
/* CONTACT FORM (1-Column / 2-Column) */
.contactform {width:636px; margin:1.0em 10px 0 20px;}
.contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.content-2col-nobox-leftcolumn .contactform, .content-2col-nobox-rightcolumn .contactform, .content-2col-box-leftcolumn .contactform, .content-2col-box-rightcolumn .contactform {width:397px; margin:1.0em 10px 0 20px;}
.content-2col-nobox-leftcolumn .contactform fieldset, .content-2col-nobox-rightcolumn .contactform fieldset, .content-2col-box-leftcolumn .contactform fieldset, .content-2col-box-rightcolumn .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.content-2col-nobox-leftcolumn .contactform fieldset legend, .content-2col-nobox-rightcolumn .contactform fieldset legend, .content-2col-box-leftcolumn .contactform fieldset legend, .content-2col-box-rightcolumn .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;}
.content-2col-nobox-leftcolumn .contactform label.left, .content-2col-nobox-rightcolumn .contactform label.left, .content-2col-box-leftcolumn .contactform label.left, .content-2col-box-rightcolumn .contactform label.left {float:left; width:100px; margin:0; padding:2px; font-size:100%;}
.content-2col-nobox-leftcolumn .contactform select.combo, .content-2col-nobox-rightcolumn .contactform select.combo, .content-2col-box-leftcolumn .contactform select.combo, .content-2col-box-rightcolumn .contactform select.combo {width:240px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform input.field, .content-2col-nobox-rightcolumn .contactform input.field, .content-2col-box-leftcolumn .contactform input.field, .content-2col-box-rightcolumn .contactform input.field {width:235px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform textarea, .content-2col-nobox-rightcolumn .contactform textarea, .content-2col-box-leftcolumn .contactform textarea, .content-2col-box-rightcolumn .contactform textarea {width:242px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform input.button, .content-2col-nobox-rightcolumn .contactform input.button, .content-2col-box-leftcolumn .contactform input.button, .content-2col-box-rightcolumn .contactform input.button {float:left; width:9.0em; margin-left:130px !important /*Non-IE6*/; margin-left:133px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.content-2col-nobox-leftcolumn .contactform input.button:hover, .content-2col-nobox-rightcolumn .contactform input.button:hover, .content-2col-box-leftcolumn .contactform input.button:hover, .content-2col-box-rightcolumn .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
/****************/
/* SUBCONTENT */
/****************/
/* HEADING -- Standard icon */
.subcontent h1 {margin:0; padding:10px 10px 10px 10px; background:<?php include('sideh1lbg.txt') ?>; color:<?php include('sideh1.txt') ?>; font-weight:bold; font-size:20px;}
.subcontent h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 10px 0 10px; padding:5px 10px 5px 0; color:<?php include('sideh2.txt') ?>; font-weight:bold; font-size:180%;}
.subcontent h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:<?php include('sideh3.txt') ?>; font-weight:bold; font-size:180%;}
.subcontent h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:<?php include('sideh4.txt') ?>; font-weight:bold; font-size:160%;}
.subcontent h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:<?php include('sideh5.txt') ?>; font-weight:bold; font-size:140%;}
.subcontent h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:<?php include('sideh6.txt') ?>; font-weight:normal; font-size:130%;}
/* PARAGRAPH TEXT */
.subcontent p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131%;}
.subcontent p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
/* TABLE */
.subcontent table {clear:both; width:230px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.subcontent table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.subcontent p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
/* CONTACT FORM */
.subcontent .contactform {width:230px; margin:1.0em 10px 0 20px;}
.subcontent .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.subcontent .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; color:rgb(80,80,80); font-weight:bold; font-size:131%;}
.subcontent .contactform label.left {float:left; width:85px; margin:0; padding:2px; font-size:100%;}
.subcontent .contactform select.combo {width:90px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform input.field {width:85px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform textarea {width:178px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.subcontent .contactform input.button {float:left; width:9.0em; margin-left:67px !impo
Initial URL
Initial Description
This is like a cms for a stylesheet - includes all files to make a working xhtml/css demo
Initial Title
dynamic stylesheet
Initial Tags
css, php, xhtml
Initial Language
PHP