Rebuilding.

<?php
session_start();
include ('functions.php');
snap_log();
if ($_GET['t']) { $t = $_GET['t']; header('location:archives.php?t='.$t); }
if ($_GET['p']) {
// db call to see if story exists; if not, send to 404
} else {
// while-loop on existing story to get details
include ('inc_head.php');
include ('inc_aside.php');
?>
<section class="section1" id="story">
<A NAME="jumpover2"></A>
<?php if ($notes_pre) { ?>
<p class="excerptnotes"><?php echo $notes_pre; ?></p>
<?php } ?>
<h1><?php echo $pagetitle; ?></h1>
<div class="postheaderpara">
<?php
if ($partname && ($partname !== 'sidestory')) echo ' '.$partname.' ';
if ($partdisp) echo ' '.$partdisp.'.';
if ($subtitle) echo ' '.$subtitle;
if ($series) { echo '<p>part '.$seriespart.' of <a href="archives.php?s='.$series.'">'.get_seriesname($series).'</a></p>'; }
?>
</div>
<hr class="solid">
<div id="entry">
<?php
if ($preface) {
echo '<div class="preface">'.$preface;
if ($source) { echo '<span class="source">—'.$source.'</span>'; }
echo '</div>'; }
echo '<p>'.formatp($entry);
?>
</p>
</div>
<?php if ($notes_post) {
echo '<p class="excerptnotes endnotes">'.formatp($notes_post).'</p>';
}
include ('inc_end.php');
include ('inc_foot.php');
}
?>
/* -------------------------------- LAYOUT ---------------------------------- */ html {height: 100%; max-width: 1400px; font: 1em "Lato", "Trebuchet", Helvetica, Arial, sans-serif; color: #444; line-height: 1.4; background: #FEFEFE url('img/background4.png') 0 0; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } body {margin: 0 auto; padding:0; text-align:left; width: 100%; } header, footer {width: 98%; margin: 1em 2% 0 2%; padding: 0; clear: both; } footer { margin-bottom: 2em; padding-bottom: 1em; } header img { margin-left: 3%; } nav { z-index: 1; float:left; width: 14%; background:none; margin: 0 2% 0 1%; } section { padding-bottom: 2em; position: relative; margin: 0 4% 0 1%; width: 78%; float: left; } #story { margin: 0 1% 0 2%; width: 55%; } aside { width: 22%; float: right; margin: 0 1% 0 2%; } #search #searchbox { position: absolute; float:right; top: 1em; right: 3em; width: 25%; } #search #searchbutton { position: absolute; float:right; top: 1.25em; right: 1em; } /* -------------------------------- CHAPTERS ---------------------------------- */ ul.chapters {margin: 0 0 2em 0; padding: 0; list-style:none; font-weight:normal; display:block; float:left; border: 0; } .chapters li {margin: 0 .5em .5em 0; padding: 0; height: 60px; width: 60px; float: left; display: inline; font: 2em "Lato", "Trebuchet", Helvetica, Arial, sans-serif; line-height: 1.65; text-align: center; } .chapters li a {height: 60px; width: 60px; margin: 0; padding: 0; display:block; text-decoration:none; } .chapters a:visited { color:#555; } .chapters li a img { margin: 4px auto; } .chapters li.active {color:#AAA; border: 1px solid #999; } /* -------------------------------- FORMS ---------------------------------- */ fieldset {margin: 0 2% 0 0; padding: 0; width: 48%; float: left; } label { margin: 0 0 .25em 0; padding: 0; font: .9em "Lato", "Trebuchet", Helvetica, Arial, sans-serif; display: block; text-align: left; } label.err { color: crimson; font-weight: 700; text-transform: uppercase; } input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea, select {margin: 0; padding: .5em; width: 100%; font: .9em "Lato", "Trebuchet", Helvetica, Arial, sans-serif; color: #777; background: #fafafa; border: 1px solid #ddd; -webkit-border-radius: .25em; -moz-border-radius: .25em; -o-border-radius: .25em; border-radius: .25em; } input.err, textarea.err { border: 2px solid crimson; } input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {border: 1px solid #aaa; color: #444; outline: none; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { height: 12em; } select { width: 40%; } .button {margin: .5em auto; padding: .5em 1.5em; text-transform: uppercase; word-spacing: 0.1em; font-weight: lighter; text-align: center; color: #444; font: .95em "Lato", "Trebuchet", Helvetica, Arial, sans-serif; position: relative; height: 50px; text-decoration: none; -webkit-border-radius: .25em; -moz-border-radius: .25em; -o-border-radius: .25em; border-radius: .25em; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } /* -------------------------------- LEFT SIDE MENU ---------------------------------- */ .widge li {margin: .5em 0; padding: 0; height: 40px; width: 100%; display:block; font: .85em "Lato", "Trebuchet", Helvetica, Arial, sans-serif; font-weight:lighter; color: #444; text-transform: uppercase; word-spacing: 0.1em; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .widge li.active { border: 1px solid #888; } .widge li a {text-decoration: none; display:block; color:#5d5d5d; padding:10px; } .widge li a:hover, .widge li a:focus {color:#103875; text-shadow: 1px 1px 1px #AAA; } .widge li a img {float: right; position: relative; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1; } .widge li.active img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .widge li a:hover img {float: right; position: relative; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } /* -------------------------------- MISCELLANY ---------------------------------- */ .readerreply, .authorreply { background: #FFF; border: 1px solid #AAA; padding: 1em; margin: 1em 0; } .authorreply { background: #FEFEFE; border: 1px solid #DDD; color: #666; } .hidden, #menubutton, #searchres, #search2 { display: none; } .clearboth { clear: both; } /* -------------------------------- GRADIANTS ---------------------------------- */ .chapters li, .button, .widge li, #menubutton {border: 1px solid #DDD; background-image: linear-gradient(bottom, rgb(235,235,235) 24%, rgb(245,242,245) 47%, rgb(250,250,250) 82%); background-image: -o-linear-gradient(bottom, rgb(235,235,235) 24%, rgb(245,242,245) 47%, rgb(250,250,250) 82%); background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 24%, rgb(245,242,245) 47%, rgb(250,250,250) 82%); background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 24%, rgb(245,242,245) 47%, rgb(250,250,250) 82%); background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 24%, rgb(245,242,245) 47%, rgb(250,250,250) 82%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.24, rgb(235,235,235)),color-stop(0.47, rgb(245,242,245)),color-stop(0.82, rgb(250,250,250))); } .chapters li:hover, .chapters li:focus, .chapters li.active, .button:hover, .button:focus, .widge li:hover, .widge li:focus, #menubutton:hover, #menubutton:focus {text-shadow: 1px 1px 1px #AAA; border:solid 1px #AAA; background-image: linear-gradient(bottom, rgb(250,250,250) 24%, rgb(245,242,245) 47%, rgb(235,235,235) 82%); background-image: -o-linear-gradient(bottom, rgb(250,250,250) 24%, rgb(245,242,245) 47%, rgb(235,235,235) 82%); background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 24%, rgb(245,242,245) 47%, rgb(235,235,235) 82%); background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 24%, rgb(245,242,245) 47%, rgb(235,235,235) 82%); background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 24%, rgb(245,242,245) 47%, rgb(235,235,235) 82%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.24, rgb(250,250,250)),color-stop(0.47, rgb(245,242,245)),color-stop(0.82, rgb(235,235,235))); -moz-box-shadow: inset 0 0 .1em rgba(180,180,180,.4); -webkit-box-shadow: inset 0 0 .1em rgba(180,180,180,.4); box-shadow: inset 0 0 .1em rgba(180,180,180,.4); } /* -------------------------------- QUERIES ---------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { nav { width: 20%; margin: 1em 1% 0 1%; } section, section#story { margin: 3em 2% 0 1%; width: 75%; } aside { width: 75%; margin: 1em 1% 3em 2%; float: left; } h1 { clear: both; } } @media only screen and (max-width: 767px) {html { width: 100%; } header { margin-bottom: 0; padding-bottom: 0; } aside { width: 96%; float: none; margin: 1em 2%; } section, section#story { clear:left; width: 96%; float: none; margin: 1em 2%; } nav { width: 98%; margin: 0 2% 1em 0; } h1 { display: block; font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } .widge {display: none; width: 100%; position: relative; top: 0; left: 0; } hr.footerhr { display: none; } fieldset { width: 98%; } #search {display: none;} #searchres { display: block; } #searchbox2 { width: 80%; float: left;} #searchbutton2 { float: left; } #searchresults h2 { padding-top: 1em; } #menubutton {display: block; position: absolute; top: .5em; right: .5em; border: 1px solid #CCC; } }
$(document).ready(function () {
$('#fbselect').change(function() {
var selection = $("#fbselect").val();
$("#" + selection + "_div").fadeIn();
$("#" + selection + "_div").siblings(".switchdiv").hide();
return false;
});
$('.searchbutton').click(function() {
var val = $('#searchbox').val();
if (!val) {
var val = $('#searchbox2').val();
}
$(".searchbox").val('');
$("#searchresults").fadeIn();
$("#searchresults").siblings(".section1").hide();
$('#resultslist').load("process_item.php?search=y&val=" + val);
return false;
});
$('#searchres').click(function() {
$("#searchresults").fadeIn();
$("#searchresults").siblings(".section1").hide();
$("#search2").fadeIn();
$(".widge").slideToggle("slow");
return false;
});
$(".req").blur(function(){
var val = $(this).val();
var selection = $(this).attr('id');
if (!val) {
$("#" + selection).addClass("err");
$("#" + selection + "_label").addClass("err");
$("#revResponse_errmsg").fadeIn();
$("#revResponse").attr("disabled", "disabled");
} else {
$("#" + selection).removeClass("err");
$("#" + selection + "_label").removeClass("err");
$("#revResponse_errmsg").hide();
$("#revResponse").removeAttr("disabled");
}
});
$("#revResponse").click(function(){
var value = $(".review").serialize();
$('#revResponse_back').load("process_item.php?review=y&" + value);
});
$("#recSubmit").click(function(){
var value1 = $("#recSubmit_id").val();
var value2 = $("#recSubmit_ip").val();
$('#recResponse_div').load("process_item.php?rec=y&id=" + value1 + "&ip=" + value2);
});
$("#menubutton").click(function(){
$(".widge").slideToggle("slow");
});
});
/* ==== CHAPTER LIST ===========================================================*/ function get_chapters($book_id, $text_id, $nostart) { if ($book > 0) { $result = mysql_query("SELECT * FROM `table_texts` WHERE `book_id` = '$book_id' ORDER BY `chapter`"); echo '<ul class="chapters">'; while ($row = mysql_fetch_array($result)) { $text = $row['id']; $book_id = $row['book_id']; $chapter = $row['chapter']; $display = $row['display']; $display_name = $row['display_name']; if (($text === $id) && ($nostart > 0 )){ echo '<li class="active"><a href="#">'; if ($display_name == 'Chapter') { echo $display; } else { echo '<img src="img/icon-'.$display_name.'.png" alt="'.$display_name.'">'; } echo "</a></li>"; echo "\n"; } else { echo '<li>'; echo '<a href="story.php?p='.$text.'">'; if ($display_name == 'Chapter') { echo $display; } else { echo '<img src="img/icon-'.$display_name.'.png" alt="'.$display_name.'">'; } echo '</a></li>'; echo "\n"; } } echo "</ul>"; } } /* ==== GET GENRE TAGS ===========================================================*/ function get_genre($textid) { $sql = "SELECT table_taxonomy.term_name AS name, table_taxonomy.term_id AS textid FROM `table_taxonomy` JOIN table_text_tags ON table_text_tags.tax_id = table_taxonomy.term_id WHERE table_text_tags.object_id = '$textid' AND table_taxonomy.term_cat = '5' "; $result = mysql_query($sql) or die(mysql_error()); $total = mysql_num_rows($result); if ($total) { echo '<p class="meta"><span class="asidetitle">Genre</span> '; } $textid_list[]= ''; while ($row1 = mysql_fetch_array($result, MYSQL_BOTH)) { $textid = $row['textid']; $name = $row['name']; if ($total) { echo '<a href="archives.php?t='.$textid.'">'.$name.'</a>'; $textid_list[]= $textid; $textid_tot = count($textid_list); if (($textid_tot > 1) && ($textid_tot <= $total)) { echo ', '; } } } if ($total) { echo '</p>';} }

<div id="step2_div" class="steps hidden"> <h2>Next, choose patterns.</h2> <p>If you want words to begin or end only with specific letters, select the "specific" option. Additional fields will appear, pre-populated with the selections you made on the last page. Edit as you like.</p> <fieldset class="" id="groupphonetic"> <label for="phonetic">Syllable patterns<span class="req">*</span></label> <label><input class="phonetic" name="vowel" <?php if ($vowel) echo ' checked="checked"'; ?> value="1" type="checkbox">Vowel + vowel (eg: <u>ea</u>·ger, bur·<u>eau</u>)</label> <label><input class="phonetic" name="vowelcon" <?php if ($vowelcon) echo ' checked="checked"'; ?> value="1" type="checkbox">Vowel + consonant (eg: <u>ex</u>·press, walk·<u>ing</u>)</label> <label><input class="phonetic" name="convowel" <?php if ($convowel) echo ' checked="checked"'; ?> value="1" type="checkbox">Consonant + vowel (eg: <u>di</u>·rect, re·<u>vue</u>)</label> <label><input class="phonetic" name="convowelcon" <?php if ($convowelcon) echo ' checked="checked"'; ?> value="1" type="checkbox">Consonant + vowel + consonant (eg: <u>con</u>·duct, de·<u>sign</u>)</label> </fieldset> <fieldset class="alt"> <label for="start">The first letter of a <strong>word</strong> is...<span class="req">*</span></label> <div id="vowelstartopt"> <label><input type="radio" name="start" <?php if ($start == 1) echo ' checked="checked"'; ?> value="1" />any vowel.</label> <label><input type="radio" name="start" <?php if ($start == 2) echo ' checked="checked"'; ?> value="2" />specific vowel(s).</label> </div> <div id="bothstartopt"> <label><input type="radio" name="start" <?php if ($start == 3) echo ' checked="checked"'; ?> value="3" />any vowel/consonant.</label> <label><input type="radio" name="start" <?php if ($start == 4) echo ' checked="checked"'; ?> value="4" />specific vowel(s)/consonant(s).</label> </div> <div id="constartopt"> <label><input type="radio" name="start" <?php if ($start == 5) echo ' checked="checked"'; ?> value="5" />any consonant.</label> <label><input type="radio" name="start" <?php if ($start == 6) echo ' checked="checked"'; ?> value="6" />specific consonant(s).</label> </div> </fieldset> <div id="startlimit1"> <fieldset class=""> <label for="startvowelsing">SINGLE first-letter vowel(s):</label> <input type="text" name="startvowelsing" id="startvowelsing" value="<?php if ($startvowelsing) echo $startvowelsing; ?>" /> </fieldset> <fieldset class="alt"> <label for="startvoweldbl">DOUBLED first-letter vowel(s):</label> <input type="text" name="startvoweldbl" id="startvoweldbl" value="<?php if ($startvoweldbl) echo $startvoweldbl; ?>" /> </fieldset> </div> <div id="startlimit2"> <fieldset class=""> <label for="startconsing">SINGLE first-letter consonant(s):</label> <input type="text" name="startconsing" id="startconsing" value="<?php if ($startconsing) echo $startconsing; ?>" /> </fieldset> <fieldset class="alt"> <label for="startcondbl">DOUBLED first-letter consonant(s):</label> <input type="text" name="startcondbl" id="startcondbl" value="<?php if ($startcondbl) echo $startcondbl; ?>" /> </fieldset> </div> <fieldset class=""> <label for="end">The last letter of a <strong>word</strong> is...<span class="req">*</span></label> <div id="vowelendopt"> <label><input type="radio" name="end" <?php if ($end == 1) echo ' checked="checked"'; ?> value="1" />any vowel.</label> <label><input type="radio" name="end" <?php if ($end == 2) echo ' checked="checked"'; ?> value="2" />specific vowel(s).</label> </div> <div id="bothendopt"> <label><input type="radio" name="end" <?php if ($end == 3) echo ' checked="checked"'; ?> value="3" />any vowel/consonant.</label> <label><input type="radio" name="end" <?php if ($end == 4) echo ' checked="checked"'; ?> value="4" />specific vowel(s)/consonant(s).</label> </div> <div id="conendopt"> <label><input type="radio" name="end" <?php if ($end == 5) echo ' checked="checked"'; ?> value="5" />any consonant.</label> <label><input type="radio" name="end" <?php if ($end == 6) echo ' checked="checked"'; ?> value="6" />specific consonant(s).</label> </div> </fieldset> <div id="endlimit1"> <fieldset class=""> <label for="endvowelsing">SINGLE last-letter vowel(s):</label> <input type="text" name="endvowelsing" id="endvowelsing" value="<?php if ($endvowelsing) echo $endvowelsing; ?>" /> </fieldset> <fieldset class="alt"> <label for="endvoweldbl">DOUBLED last-letter vowel(s):</label> <input type="text" name="endvoweldbl" id="endvoweldbl" value="<?php if ($endvoweldbl) echo $endvoweldbl; ?>" /> </fieldset> </div> <div id="endlimit2"> <fieldset class=""> <label for="endconsing">SINGLE last-letter consonant(s):</label> <input type="text" name="endconsing" id="endconsing" value="<?php if ($endconsing) echo $endconsing; ?>" /> </fieldset> <fieldset class="alt"> <label for="endcondbl">DOUBLED last-letter consonant(s):</label> <input type="text" name="endcondbl" id="endcondbl" value="<?php if ($endcondbl) echo $endcondbl; ?>" /> </fieldset> </div> <div class="stepnav"> <input type="button" class="next steps" id="step3next" value="pick syllables" /> </div>
html { height: 100%; background: #FEFEFE; font-size: .95em; font-family: 'Karla', Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; line-height: 1.35; text-rendering: optimizeLegibility; color: #444; -webkit-font-smoothing: antialiased; }
header { margin: .5em 1%; padding:0; text-align:left; }
section { margin: 1em 1% 2em 1%; padding: .5em; width: 67%; overflow:hidden; float: left; text-align:left; border: 1px solid #AAA; background-color:#FEFEFE; }
section#multiple { width: 98%; }
aside { margin: 1em 0 2em 1%; padding: 0; float: left; width: 30%; overflow: auto; text-align:left; }
section ul { list-style: none; padding: 0 0 .5em 0; margin: 0; display:block; overflow: auto; }
section ul li { margin: .25em .5% 0 0; padding: .25em 0 .25em .5em; float: left; display: inline; border: 1px solid #DDD; background-color:#FFF; }
section ul.wordlista li { width: 11%; }
section ul.wordlistb li { width: 15.15%; }
p { margin: .5em 0; color: #222; clear: left; line-height: 1.3; }
strong, .labelhead, .attn { font-weight: 700; }
em { font-style: italic; }
::-webkit-input-placeholder {font-style: italic; }
:-moz-placeholder { font-style: italic; }
:-o-placeholder { font-style: italic; }
:-placedholer { font-style: italic; }
hr, hr.end { border: 0; border-bottom: 1px solid #ddd; width: 96%; margin: 1.5em auto; text-align: center; clear: both; }
hr.end { border: 0; margin: 2em 0 0 0; padding-top: 3em;}
.disable { color: #888; }
a { color: #770505; text-decoration: none; font-weight: inherit;}
a:hover, a:focus { color: blue; text-decoration: none; }
h1, h2, h3 { font-weight:lighter; color: #444; font-size: 2em; margin: 0; padding: 0; }
h1 span.extra { font-size: 75%; color: #666; }
h2 { margin: 0 0 .25em 0; padding: .25em .5em; font-size: 1.25em; font-weight: lighter; background: #EEE; clear: both; }
section h2 { color:#FFF; background: #666; border: 1px solid #333; }
footer { font-style: italic; text-align: center; font-size: .9em; color: #ddd; }
form { margin:0; width:100%; }
label { border:0px; margin: 0; width: 96%; float: left; padding: 0 0 .5em 0; }
#offstate1, #offstate2, #offstate3, #offstate4, #vowelstartopt, #bothstartopt, #constartopt, #vowelendopt, #bothendopt, #conendopt, #startlimit1, #startlimit2, #endlimit1, #endlimit2, .hidden { display: none; }
fieldset { border: 1px solid #DDD; padding: .5em; margin: .25em 0; }
.alt { background: #f5f5f5; }
input[type="text"], textarea, select { font-family: 'Karla', Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; padding: 4px; border:1px solid #AAA; background:#fafafa; font-size: 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #555; margin: 0; width: 100%; display: inline;}
input[type="text"]:focus, select:focus, textarea:focus { border: 1px solid #509AC9; color: #444; -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2); box-shadow:inset 0 0 3px rgba(0,0,0,.2); }
textarea { min-height: 60px; font-size: 1em; }
input[type="button"], .button { margin: 0; padding: .25em 1em; line-height: 1.5em; color: #EEE; display: inline-block; outline: none; cursor: pointer; background: #5ec9f5; border: 1px solid #47b6e7; font-size: .9em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); }
input[type="button"]:hover, .button:hover { background: #4a96db; border-color:#509AC9; color: #FFF; }
.steps { padding: .5em; margin: 0; background-color:#FEFEFE; border: 1px solid #DDD; }
.stepcontainer ul{ margin: 0 auto; padding: 0; width: 100%; list-style: none; position: relative; display:block; height: 2.5em; }
.stepcontainer ul li { margin: 0 .15%; padding: 0; height: 2em; width: 33%; position: relative; float: left; display:block; line-height: 2em; font-size: 1em; font-weight: 700; text-indent: 0; color:#666; text-align: center; background: #FEFEFE; border: 1px solid #AAA; }
.stepcontainer ul li.active { color:#FFF; background: #666; border: 1px solid #333; text-indent: 0; }
.stepcontainer ul li:hover { color:#333; text-decoration: none; background: #DDD; border: 1px solid #777; }
$("#offstate1").hide();
$('.switch1').click(function(){
if ($('.switch1:checked').val() ) {
$("#offstate1").slideDown();
} else {
$("#offstate1").slideUp();
}
});
$('#consing').change(function(){
$('#startconsing').val($('#consing').val());
$('#endconsing').val($('#consing').val());
});
$('#vowelsing').change(function(){
$('#startvowelsing').val($('#vowelsing').val());
$('#endvowelsing').val($('#vowelsing').val());
});
$('#step2_div').change(function() {
var ajax_load = "<img src='img/load2.gif' alt='loading...' class='center' />";
var vowel = $('input:checkbox[name=vowel]:checked').val();
var vowelcon = $('input:checkbox[name=vowelcon]:checked').val();
var convowel = $('input:checkbox[name=convowel]:checked').val();
var convowelcon = $('input:checkbox[name=convowelcon]:checked').val();
var start = $('input:radio[name=start]:checked').val();
var end = $('input:radio[name=end]:checked').val();
if ( vowel || vowelcon ) {
$("#vowelstartopt").fadeIn("slow");
} else {
$("#vowelstartopt").hide();
}
if ( convowel || convowelcon ) {
$("#constartopt").fadeIn("slow");
} else {
$("#constartopt").hide();
}
if (( vowel || vowelcon ) && ( convowel || convowelcon )) {
$("#bothstartopt").fadeIn("slow");
} else {
$("#bothstartopt").hide();
}
if ( convowelcon || vowelcon ) {
$("#conendopt").fadeIn("slow");
} else {
$("#conendopt").hide();
}
if ( convowel || vowel ) {
$("#vowelendopt").fadeIn("slow");
} else {
$("#vowelendopt").hide();
}
if (( convowelcon || vowelcon ) && ( convowel || vowel )) {
$("#bothendopt").fadeIn("slow");
} else {
$("#bothendopt").hide();
}
if ( start == '2') {
$("#startlimit1").fadeIn("slow");
} else {
$("#startlimit1").hide();
}
if ( start == '6') {
$("#startlimit2").fadeIn("slow");
} else {
$("#startlimit2").hide();
}
if ( start == '4') {
$("#startlimit1").fadeIn("slow");
$("#startlimit2").fadeIn("slow");
}
if ( end == '2') {
$("#endlimit1").fadeIn("slow");
} else {
$("#endlimit1").hide();
}
if ( end == '6') {
$("#endlimit2").fadeIn("slow");
} else {
$("#endlimit2").hide();
}
if ( end == '4') {
$("#endlimit1").fadeIn("slow");
$("#endlimit2").fadeIn("slow");
}
});
echo '</ul><h2>two syllables</h2><ul class="wordlistb">';
$m = 1;
for($i=0; $i<=4; $i++){
foreach ($firstsyl as $key => $syl) {
foreach ($finalsyl as $key => $end) {
$twosyl = $syl.$end;
$sylarr = str_split($twosyl);
if ($conpair) { shuffle($conpair); }
if ($vwlpair) { shuffle($vwlpair); }
$x = count($sylarr);
$a = 1;
$b = 0;
if ($m > 60) break;
echo '<li>';
foreach ($sylarr as $key => $value) {
shuffle($allvowel);
shuffle($allcons);
if ($startvowelsing) { shuffle($startvowelsing); }
if ($endvowelsing) { shuffle($endvowelsing); }
if ($startconsing) { shuffle($startconsing); }
if ($endconsing) { shuffle($endconsing); }
if ($startvoweldbl) { shuffle($startvoweldbl); }
if ($endvoweldbl) { shuffle($endvoweldbl); }
if ($startcondbl) { shuffle($startcondbl); }
if ($endcondbl) { shuffle($endcondbl); }
if ($value == 1) {
if (($a == 1) && $startvowelsing) {
echo $startvowelsing[0];
} elseif (($a == $x) && $endvowelsing) {
echo $endvowelsing[0];
} else {
if (!$allvowel) { echo '*'; } else { echo $allvowel[$b]; }
}
$b++; $a++;
if ($b > 4) { $b = 0; }
} elseif ($value == 2) {
if (($a == 1) && $startvoweldbl) {
echo $startvoweldbl[0];
} elseif (($a == $x) && $endvoweldbl) {
echo $endvoweldbl[0];
} else {
if (!$vwlpair) { echo '*'; } else { echo $vwlpair[$b]; }
}
$b++; $a++;
if ($b > 4) { $b = 0; }
} elseif ($value == 3) {
if (($a == 1) && $startconsing) {
echo $startconsing[0];
} elseif (($a == $x) && $endconsing) {
echo $endconsing[0];
} else {
if (!$allcons) { echo '*'; } else { echo $allcons[$b]; }
}
$b++; $a++;
if ($b > 4) { $b = 0; }
} elseif ($value == 4) {
if (($a == 1) && $startcondbl) {
echo $startcondbl[0];
} elseif (($a == $x) && $endcondbl) {
echo $endcondbl[0];
} else {
if (!$conpair) { echo '*'; } else { echo $conpair[$b]; }
}
$b++; $a++;
if ($b > 4) { $b = 0; }
}
}
echo "</li>";
$m++;
}
}
}

<div id="steps-3">
<h2>3. Your setup</h2>
<p>Required fields are marked with an asterisk (<span class="req">*</span>).</p>
<fieldset class=" " id="borderqbooth">
<div class="col25 question">What's your 'booth'?<span class="req">*</span></div>
<div class="col30">
<label><input name="tent" class="qbooth" id="setup_1" type="checkbox" tabindex="" value="1" />Tent</label><br />
<label><input name="truck" class="qbooth" id="setup_2" type="checkbox" tabindex="" value="2" />Truck or trailer (stationary use)</label><br />
<label><input name="cart" class="qbooth" id="setup_3" type="checkbox" tabindex="" value="3" />Mobile cart (mobile use)</label><br />
<label><input name="booth_other" class="qbooth" id="setup_4" type="checkbox" tabindex="" value="4" />Other</label>
</div>
<div class="col20 errormsg" id="errorqbooth">Pick at least one!</div>
</fieldset>
<div id="offstate3" class="hidden">
<fieldset class=" " id="bordersetupdesc">
<div class="col25 question"><label for="setupdesc">Please describe.<span class="req">*</span></label></div>
<div class="col60"><input type="text" tabindex="" name="setupdesc" id="setupdesc" maxlength="100" placeholder="a description of what you'll use as your booth" value=""/></div>
<div class="col10 errormsg" id="errorsetupdesc"></div>
</fieldset>
</div>
<fieldset class="alt" id="bordertrailer">
<div class="col25 question">Will you also have a storage trailer?<span class="req">*</span></div>
<div class="col20">
<label><input name="trailer" type="radio" tabindex="" id="trailer_2" value="0" />No</label><br />
<label><input name="trailer" type="radio" tabindex="" id="trailer_1" value="1" />Yes</label>
</div>
<div class="col20 errormsg" id="errortrailer"></div>
</fieldset>
<div id="trailer1" class="hidden">
<fieldset class="alt" id="bordertrailerlgth">
<div class="col25 question"><label for="trailerlgth">How long is your trailer?<span class="req">*</span></label></div>
<div class="col20"><input type="number" tabindex="" name="trailerlgth" id="trailerlgth" min="5" max="30" placeholder="5' to 30'" value=""/></div>
<div class="col20 errormsg" id="errortrailerlgth"></div>
</fieldset>
</div>
<div class="clickbox hidden" id="clickbox200">
<p>A 110 outlet is a regular household item, and the Exchange Club provides up to four 110 outlets for free. <strong>IMPORTANT</strong>: for two additional outlets (max of six total), there's a surcharge of $25 each.</p>
<p>If you're not sure whether your equipment is 110, take a look at the plugs. If you could plug into the first outlet below, you're okay. If your plug wouldn't fit (or looks similar to either of the two on the right), then your equipment probably requires 220. You'll have to bring your own generator to run this, because the festival doesn't provide 220-electricity.</p>
<p><img src="img/yes.png" alt="correct"><img src="img/outlet_y.png" alt="110 household outlet"> <img src="img/no.png" alt="incorrect"><img src="img/outlet_n1.png" alt="220 outlet"> <img src="img/no.png" alt="incorrect"><img src="img/outlet_n2.png" alt="220 outlet"></p>
</div>
<fieldset class="" id="borderoutlets">
<div class="col25 question">Will you need 110 outlets?<span class="req">*</span></div>
<div class="col20">
<label><input name="outlets" type="radio" tabindex="" id="outlets_2" value="0" />No</label><br />
<label><input name="outlets" type="radio" tabindex="" id="outlets_1" value="1" />Yes</label>
</div>
<div class="col20 errormsg" id="erroroutlets"></div>
<div class="col25 helplink"><a href="javascript: void(0);" onclick="$('#clickbox200').slideToggle('slow');" tabindex="">What does this mean?</a></div>
</fieldset>
<div id="outlets1" class="hidden">
<fieldset class="" id="borderoutletsnum">
<div class="col25 question"><label for="outletsnum">How many outlets? <span class="req">*</span> </label></div>
<div class="col20">
<select name="outletsnum" id="outletsnum" tabindex="">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
<div class="col20 errormsg" id="erroroutletsnum"></div>
</fieldset>
</div>
<fieldset class="alt" id="bordercompgas">
<div class="col25 question">Will you have gas tanks?<span class="req">*</span></div>
<div class="col20">
<label><input name="compgas" tabindex="" type="radio" id="compgas_2" value="0" />No</label><br />
<label><input name="compgas" tabindex="" type="radio" id="compgas_1" value="1" />Yes</label>
</div>
<div class="col20 errormsg" id="errorcompgas"></div>
</fieldset>
<div class="clearleft hidden" id="compgas1">
<fieldset class="alt" id="bordercompgasuse">
<div class="col25 question">Check all that apply. <span class="req">*</span></div>
<div class="col50">
<label><input name="gengas" class="qcompgasuse" id="compgasuse_1" tabindex="" type="checkbox" value="1" />Gasoline generator</label><br />
<label><input name="genprop" class="qcompgasuse" id="compgasuse_2" tabindex="" type="checkbox" value="1" />Gasoline cooktop</label><br />
<label><input name="cookgas" class="qcompgasuse" id="compgasuse_3" tabindex="" type="checkbox" value="1" />Propane generator</label><br />
<label><input name="cookprop" class="qcompgasuse" id="compgasuse_4" tabindex="" type="checkbox" value="1" />Propage cooktop</label><br />
<label><input name="compgasother" class="qcompgasuse" id="compgasuse_5" tabindex="" type="checkbox" value="1" />Other compressed gas (ie helium)</label>
</div>
<div class="col20 errormsg" id="errorcompgasuse">Pick at least one!</div>
</fieldset>
</div>
<div class="steps-nav">
<input class="button back" id="back3" type="button" tabindex="" value="previous" />
<input class="next button" id="next3" type="button" tabindex="" value="next step" />
</div>
</div>
label, .helplink, .errormsg, .question, .answer, .answerlist {
margin: 0;
padding: 0;
border:none;
color:#222;
line-height: 1.4;
}
.helplink, .answer, .answerlist { padding-left: 1em; margin-top: .25em; }
.errormsg { padding-left: .5em; margin-top: .5em; }
.question { text-align: right; padding: 0 .5em 0 30px; margin-top: .25em; }
.question.noleft { padding-left: 0; }
label, .answerlist { line-height: 2; }
label.htchg { line-height: 1.4; }
fieldset {
border: 1px solid #EEE;
width: 100%;
padding: .25em;
margin: .5em 0 0 0;
background: #FEFEFE;
}
#summary1 fieldset img { margin-top: -2px; }
.alt { background: #f5f5f5; }
.err { background: #FEDFD3 url('img/alert.png') .5em 50% no-repeat; border: 1px solid #ff7f23; }
.ok { background: #E0F7C9 url('img/done.png') .5em 50% no-repeat; border: 1px solid #a1f64c; }
.clickbox { background: #e1f3f8; padding: .25em .75em; margin-top: .5em;}
input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea, select {
font-family: 'Karla', Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
padding: 4px;
border:1px solid #AAA;
background:#fafafa;
font-size: 1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
color: #555;
margin: 0;
width: 90%;
display: inline;}
input.price { background: #fafafa url('img/dollar.png') center left no-repeat; padding-left: 15px;}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {
border: 1px solid #509AC9;
color: #444;
-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
box-shadow: inset 0 0 3px rgba(0,0,0,.2); }
textarea { min-height: 60px; font-size: 1em; }
form.listform { margin: 0; }
.msie[class] select.ieSelectFix { width:auto; }
textarea.textarea {
width:98%;
min-width:98%;
max-width:98%;
}
.offsides, .offstate1, .offstate3, .offstate4, .offstate5 { margin-left: 1.5em; padding: 0;}
.hidden, .clickbox { display: none; }
input.button, a.button, input[type="button"] {
margin: 0;
padding: .25em 1em;
height: 2.25em;
display: inline-block;
outline: none;
cursor: pointer;
font-size: 1.15em;
line-height: 1.5em;
font-family: 'Karla', Gill Sans, Gill Sans MT, sans-serif;
color: #EEE;
background: #5ec9f5 url(img/bg-btn1.png) bottom repeat-x;
border: 1px solid #47b6e7;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .15em;
-moz-border-radius: .15em;
border-radius: .15em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
input.button { padding: 0 1em; height: 2.15em;}
input.button:hover, a.button:hover, input[type="button"]:hover { background: #4a96db url(img/bg-btn2.png) bottom repeat-x; border-color:#509AC9; color: #FFF; text-decoration: none;}
input.button.blight, a.button.blight, input[type="button"].blight { background: #5ec9f5 url(img/bg2-btn1.png) bottom repeat-x; color: #555; }
input.buttonb:hover, a.buttonb:hover, input[type="button"].blight:hover { background: #4a96db url(img/bg2-btn2.png) bottom repeat-x; border-color:#509AC9; color:#111; text-decoration: none;}
input.button.bgreen, a.button.bgreen, input[type="button"].bgreen { background: #8cda7a url(img/bg3-btn1.png) bottom repeat-x; border-color: #70c15d; }
input.button.bgreen:hover, a.button.bgreen:hover, input[type="button"].bgreen:hover { background: #4fa53b url(img/bg3-btn2.png) bottom repeat-x; border-color:#6bc756; }
.disablebutton { opacity:0.4; filter:alpha(opacity=40); }
.req, .errormsg, .buttonerror { color: crimson; font-weight: 700; }
$('#steps-2').change(function() {
var ajax_load = "<img src='img/load.gif' alt='loading...' class='center' />";
var business = $('input:radio[name=business]:checked').val();
var state = $('#state').val();
var food = $('input:checkbox[name=food]:checked').val();
var retail = $('input:checkbox[name=retail]:checked').val();
var activity = $('input:checkbox[name=activity]:checked').val();
var samples = $('input:radio[name=samples]:checked').val();
// CHANGES IN CHECKLIST BASED ON SELECTIONS
if ( business == '2') {
$("#res_taxes").html("Copy of tax-exempt certificate").fadeIn("slow");
} else if ( business == '1' ) {
if ( state == 'Texas') {
$("#res_taxes").html("Copy of sales tax permit").fadeIn("slow");
} else {
$("#res_taxes").html("Copy of use tax permit").fadeIn("slow");
}
} else {
$("#res_taxes").hide();
}
if ( samples > '0' ) {
$("#res_samps").html("List of sample items and photo of each").fadeIn("slow");
} else {
$("#res_samps").hide();
}
if ( food == '1' ) {
$("#res_menu").html("List of menu items, price and photo of each").fadeIn("slow");
} else {
$("#res_menu").hide();
}
if ( retail == '1' ) {
$("#res_sales").html("List of sales items, price and photo of each").fadeIn("slow");
} else {
$("#res_sales").hide();
}
if ( activity == '1' ) {
$("#res_activity").html("List of activities, price and photo of each").fadeIn("slow");
} else {
$("#res_activity").hide();
}
if ( food == '1' || samples == '1' || activity == '1' ) {
$("#res_cert").html("Certificate of general liability insurance for $1 million").fadeIn("slow");
} else {
$("#res_cert").hide();
}
if ( food == '1' || samples == '1' ) {
$("#res_foodinfo").html("<a href='document.php?d=foodreqs'>City of Austin Temporary Food Service Requirements</a>").fadeIn("slow");
$("#res_foodpermit").html("<p>$35 - Food Service Permit fee</p>").fadeIn("slow");
} else {
$("#res_foodinfo").hide();
$("#res_foodpermit").hide();
}
// CHANGES IN BOOTH OPTIONS BASED ON SELECTIONS
if ( business == '2') {
$("#sfoodn").fadeIn("slow");
$("#sfoodp").hide();
$("#sfooda").hide();
$("#boothselect").html(ajax_load).load("process_boothsget.php?getbooth=nfp");
} else if ( food ) {
$("#sfoodn").hide();
$("#sfoodp").fadeIn("slow");
$("#sfooda").hide();
$("#boothselect").html(ajax_load).load("process_boothsget.php?getbooth=fpf");
} else {
$("#sfoodn").hide();
$("#sfoodp").hide();
$("#sfooda").fadeIn("slow");
$("#boothselect").html(ajax_load).load("process_boothsget.php?getbooth=ret");
}
});
$sessin = $_COOKIE['zpkSESS'];
list($vendor_id, $year, $vend, $business, $set_food, $set_merc, $set_act, $set_amps) = explode(".", $sessin);
if (isset($_COOKIE['zpker'])) {
setCookie("zpker", '', time()-1);
}
if ($_POST) {
$result2 = mysql_query("SELECT * from `table_elec` WHERE `vendor_id` = '$vendor_id' AND `date` = '$year' ORDER BY `id` ASC") or die(mysql_error());
$num_rows2 = mysql_num_rows($result2);
$watts = 0;
$equipment = $_POST['equipment'];
$equipment = trim($equipment);
$equipment = sanitize($equipment);
$wattage = $_POST['wattage'];
$wattage = trim($wattage);
$wattage = sanitize($wattage);
try {
if ($num_rows2 > 5)
throw new Exception("10");
if ($equipment == '')
throw new Exception("7");
if ($wattage == '')
throw new Exception("9");
$result = mysql_query("INSERT INTO `table_elec` (`vendor_id`, `equipment`, `wattage`, `date`) VALUES ('$vendor_id', '$equipment', '$wattage', '$year')") or die(mysql_error());
$w = 0;
$result2 = mysql_query("SELECT * from `table_elec` WHERE `vendor_id` = '$vendor_id' AND `date` = '$year' ORDER BY `id` ASC") or die(mysql_error());
while ($row2 = mysql_fetch_array($result2)) {
$watts = $row2['wattage'];
$w = $w + $watts;
}
$amps = ($w / 110);
$amps = round($amps, 2);
$result = mysql_query("UPDATE `table_annual` SET `amps_total` = '$amps' WHERE `vendor_id` = '$vendor_id' AND `year` = '$year' ") or die(mysql_error());
} catch(Exception $e) {
$error = htmlspecialchars($e->getMessage());
$error = $error.'||11';
setcookie("zpkerr", $error, time()+5);
}
}

<div class="buttonline">
<input class="button" type="button" id="addtag" value="add tag" name="addtag"/>
</div>
select tag: <select name="selecttag" id="selecttag" class="col10">
<?php
$taglist = '';
$result2 = mysql_query("SELECT * from `table_taxonomy` GROUP BY `termtype` ") or die(mysql_error());
while ($row2 = mysql_fetch_array($result2)) {
$termtype = $row2['termtype'];
echo '<option value="'.$termtype.'">'.$termtype.'</option>';
$taglist[] = $termtype;
}
?>
</select>
<div id="results"></div>
<?php
$a = 1;
foreach($taglist as $key => $thistype) {
echo '<div class="tagtablelist ';
if ($a > 1 ) { echo 'hidden'; }
$a++;
echo '" id="'.$thistype.'_div">';
?>
<table cellpadding="0" cellspacing="0" border="0" class="taglist tablesorter dataTable" id="datatable<?php echo $thistype; ?>">
<thead>
<tr>
<th class="col20">tag name</th>
<th class="col10">tag type</th>
<th>description</th>
<th class="col02"></th>
<th class="col02"></th>
</tr>
</thead>
<tbody>
<?php
$result = mysql_query("SELECT * from `table_taxonomy` WHERE `termtype` = '$thistype' ORDER BY `termname` ") or die(mysql_error());
while ($row = mysql_fetch_array($result)) {
$tagid = $row[0];
$termname = $row['termname'];
$termtype = $row['termtype'];
$termdesc = $row['termdesc'];
echo '<tr ';
echo setalt($j);
echo ' id="tagrow_'.$tagid.'">';
echo "\n<td>";
echo '<span class="hidden">'.$termname.'</span><input type="text" class="tagfield" name="termname_'.$tagid.'" id="termname_'.$tagid.'" value="'.$termname.'">';
echo "</td>\n<td>";
echo '<span class="hidden">'.$termtype.'</span><select class="tagfield" id="termtype_'.$tagid.'" name="termtype_'.$tagid.'"><option value=""></option>';
foreach($taglist as $key => $value) {
echo '<option value="'.$value.'"';
if ($value == $row[1]) { echo ' selected="selected"'; }
echo '>'.$value.'</option>';
}
echo '</select>';
echo "</td>\n<td><span class='hidden'>$termdesc</span>";
if (strlen($termdesc) > 121) {
echo '<textarea class="textbox tagfield" id="termdesc_'.$tagid.'" name="termdesc_'.$tagid.'">'.$termdesc.'</textarea>';
} else {
echo '<input type="text" id="termdesc_'.$tagid.'" name="termdesc_'.$tagid.'" value="'.$termdesc.'" />';
}
echo "</td>\n<td>";
if ($termtype == "form") {
$query = mysql_query("SELECT COUNT(*) from `table_texts` WHERE `form` = '$tagid'") or die(mysql_error());
while ($row = mysql_fetch_array($query)) { $tagcount = $row[0]; }
} elseif ($termtype == 'canon') {
$query = mysql_query("SELECT * from `table_texts` WHERE `canon` = '$tagid'") or die(mysql_error());
$tagcount = mysql_num_rows($query);
} elseif ($termtype == 'series') {
$query = mysql_query("SELECT * from `table_texts` WHERE `series` = '$tagid'") or die(mysql_error());
$tagcount = mysql_num_rows($query);
} else {
$query = mysql_query("SELECT * from `table_text_tags` WHERE `tax_id` = '$tagid'") or die(mysql_error());
$tagcount = mysql_num_rows($query);
}
echo $tagcount;
echo "</td>\n<td>";
echo '<div class="deletetag" id="delete_'.$tagid.'"><img src="img/delete.png" alt="delete"></div>';
echo "</tr>\n\n";
$j++;
}
?>
</tbody>
</table>
</div>
/* ------------------ TABLE EXTRAS -----------------------------------------*/ table { line-height: 1.5; margin: 1em 0; font-size: 95%; width:100%;} table td, table th { vertical-align:middle; border:1px solid #DDD; padding: .25em .15em; } table th { font-size: 105%; font-weight: 700; text-align: center; background-color: #EEE; } .col02 { width: 2%; text-align: center;} .col05 { width: 5%; } input.col10, .col10 { width: 10%; } .col15 { width: 15%; } .col20 { width: 20%; } .col40 { width: 40%; } input.col50, .col50 { width: 50%; border:1px solid #DDD; padding: .25em .15em; height: 2em;} table tr.alt { background-color: #E0E6F8; } input.skinny { width: 3em; text-align: center;} .nopad { padding: .25em 0; } table.display {padding-bottom: 1em; margin-bottom: 1em; } form { margin:1em 0 0 0; width:100%; } table form { margin: 0; padding: 0;} table .icon { color: transparent; width: 18px;} table .icon.pub { background: transparent url('img/accept_colorful.png') 0 0 no-repeat; } table .icon.draft { background: transparent url('img/pencil_colorful.png') 0 0 no-repeat; } table .icon.private { background: transparent url('img/lock_colorful.png') 0 0 no-repeat; } table .icon.post { background: transparent url('img/megaphone_colorful.png') 0 0 no-repeat; } table .icon.approve1 { background: transparent url('img/accept_colorful.png') 0 0 no-repeat; } table .icon.approve0 { background: transparent url('img/lock_colorful.png') 0 0 no-repeat; } th.headerSortUp { background-image: url(img/up2.png); background-color: #CCC; } th.headerSortDown { background-image: url(img/down2.png); background-color: #DDD; } th.header { cursor: pointer; background-repeat: no-repeat; background-position: center left; padding-left: 20px; border-right: 1px solid #dad9c7; margin-left: -1px; } /* ------------------ MODALS ------------------------------------------------*/ #simplemodal-overlay {background-color:#000; cursor:wait;} #simplemodal-container { overflow: hidden; width:60%; color:#222; background-color:#FEFEFE; border:2px solid #555; -webkit-border-radius: .25em;-moz-border-radius: .25em;-o-border-radius: .25em;border-radius: .25em;} #simplemodal-container .simplemodal-data {padding: .5em; } #simplemodal-container a { color:#333; } #simplemodal-container a.closethis { clear: both; height: 28px; } /* ------------------ BUTTONS ------------------------------------------------*/ input.button, input[type="button"], a.button { margin: 0 0 0 1em; padding: .25em .5em;line-height: 1.2;color: #555; font: 1em 'Karla', Gill Sans, Gill Sans MT, sans-serif;display: inline-block;outline: none;cursor: pointer; background: #CCC; border: 1px solid #AAA; -webkit-border-radius: .25em;-moz-border-radius: .25em;-o-border-radius: .25em;border-radius: .25em; float: right;} input.button:hover, a.button:hover, input[type="button"]:hover, #simplemodal-container a.closethis:hover { outline: none;color: #FFF; background: #2c73ca;background: -moz-linear-gradient(top, #1d2b52, #2c73ca);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d2b52), to(#2c73ca));border: 1px solid #002232;-moz-box-shadow:inset 0px 0px 1px #edf9ff;-webkit-box-shadow:inset 0px 0px 1px #edf9ff;box-shadow:inset 0px 0px 1px #edf9ff;} .buttonline { background: #FFF;margin: .5em 0;padding: .5em; display:block; text-decoration: none; overflow: auto;position: relative;z-index: 1;width:100%; } .button.smbutton { color: #222; padding: .1em .25em; margin: .15em 0 -.15em 0; line-height: 1.5; } .button.inbutton { color: #444; padding: .1em .25em; margin: -1em 0 1em 0; line-height: 1.5; } /* ------------------ MISCELLANY ------------------------------------------------*/ .login { background-color: #FFF; border: 3px solid #AAA; text-align: center; padding: 10px; margin: 100px auto; width: 400px; } .error { border: 1px solid crimson; background: #FECBB7; } .message { color: #811; border: 3px solid #DDD; padding: 1px; margin-bottom: 10px; font-weight: bold; } .alert { color: #FF0000; font-weight: bold; } .hidden { display: none; }
var ajax_load = "<img src='img/load.gif' alt='loading...' class='loader' />";
$("select[multiple]").asmSelect();
$(".tablesorter").tablesorter();
$('#selecttag').change(function() {
var selection = $("#selecttag").val();
$("#" + selection + "_div").fadeIn();
$("#" + selection + "_div").siblings(".tagtablelist").hide();
return false;
});
$('#addtag').click(function (e) {
$('#addtag-content').modal();
return false;
});
$(".tagfield").change(function(){
var name1 = this.name,
value = $(this).serialize(),
trid = $(this).closest('tr').attr('id');
$("#" + trid).effect("highlight", {color: '#2C73CA'}, 1500);
$('#results').load("proc_shark.php?tag=y&key=" + name1 + "&val=" + value);
});
$(".deletetag").click(function(){
var selection = $(this).attr('id'),
trid = $(this).closest('tr').attr('id');
$('#results').load("proc_shark.php?deltag=y&val=" + selection);
$("#" + trid).hide();
});
$("#commenttable .icon").click(function(){
var selection = $(this).attr('id'),
trid = $(this).closest('tr').attr('id');
test = $("#" + selection).hasClass("approve0");
if (test) {
$("#" + selection).addClass("approve1");
$("#" + selection).removeClass("approve0");
} else {
$("#" + selection).addClass("approve0");
$("#" + selection).removeClass("approve1");
}
$('#results').load("proc_shark.php?comment=y&val=" + selection);
$("#" + trid).effect("highlight", {color: '#2C73CA'}, 1500);
});
$(".deletecomment").click(function(){
var selection = $(this).attr('id'),
trid = $(this).closest('tr').attr('id');
$('#results').load("proc_shark.php?delcom=y&val=" + selection);
$("#" + trid).hide();
});
if ($_GET['tag']) {
$key = $_GET['key'];
$value = $_GET['val'];
list($ng, $value) = explode("=", $value);
$value = trim($value);
$value = clean($value);
list($key, $tag_id) = explode("_", $key);
$result = mysql_query("UPDATE `table_taxonomy` SET `$key` = '$value' WHERE `term_id` = '$tag_id' ") or die(mysql_error());
}
if ($_POST['addtag2']) {
$s = $_POST['s'];
$term_name = $_POST['term_name'];
$term_name = trim($term_name);
$term_name = clean($term_name);
$term_type = $_POST['term_type'];
$term_desc = $_POST['term_desc'];
$term_desc = trim($term_desc);
$term_desc = clean($term_desc);
$result = mysql_query("INSERT INTO `table_taxonomy` (`term_name`, `term_type`, `term_desc`) VALUES ( '$term_name', '$term_type', '$term_desc' ) ") or die(mysql_error());
header('location:taxonomies.php?s='.$s);
}
if ($_GET['deltag']) {
$value = $_GET['val'];
list($ng, $value) = explode("_", $value);
$result = mysql_query("DELETE FROM `table_taxonomy` WHERE `term_id` = '$value' ") or die(mysql_error());
}
if ($_GET['storyedit']) {
$key = $_GET['key'];
$value = $_GET['val'];
list($ng, $value) = explode("=", $value);
$value = trim($value);
$value = clean($value);
list($key, $text_id) = explode("_", $key);
$result = mysql_query("UPDATE `table_texts` SET `$key` = '$value' WHERE `text_id` = '$text_id' ") or die(mysql_error());
}
if ($_GET['comment']) {
$value = $_GET['val'];
list($key, $comment_id) = explode("_", $value);
if ($key === "approve0") {
$result = mysql_query("UPDATE `table_comments` SET `approve` = '1' WHERE `comment_id` = '$comment_id' ") or die(mysql_error());
} else {
$result = mysql_query("UPDATE `table_comments` SET `approve` = '0' WHERE `comment_id` = '$comment_id' ") or die(mysql_error());
}
}
if ($_GET['delcom']) {
$value = $_GET['val'];
list($ng, $value) = explode("_", $value);
$result = mysql_query("DELETE FROM `table_comments` WHERE `comment_id` = '$value' ") or die(mysql_error());
}
if ($_GET['getstory']) {
$story_id = $_GET['getstory'];
$title = story_name($story_id);
echo $title;
}
I was born in North Dakota, grew up in Georgia, attended school in Washington DC, and lived in Maryland, Rhode Island, and now Texas. Once upon a time I was fluent in French; now I read and write Mandarin but will never manage to speak it without an American accent. I can probably still rebuild a carburetor, but replacing one transmission was enough for one lifetime. I was a rower in high school and a coxswain in college, and while nothing builds team solidarity like running ten hills after four hours on the water, these days I aim for less painful methods of team-building.
When the weather's cool, I like to build rock retaining walls, and when the weather's chilly, I'll be in the workshop playing with power tools. One grandfather was a cabinetry hobbyist; the other was a lifelong carpenter, and I inherited most of the latter's tools. One of my most-treasured (and most-used) hand-me-downs is a Goodell-Pratt miter set with a Disston blade, possibly one of the last off the line before the Crash of '29. I was lucky enough to inherit the drill press, but not the joiner, planer, or the 4' lathe. It's some minor consolation that I did inherit my father's 12" Rockwell table saw. Both of my grandfathers died with all of their fingers. I plan on doing the same.
I also read. Constantly. On anything and everything, but I tend to focus on intercultural communications and anthropology.

The site is built on BxCreative's bxSlider. I'm still under construction, so I went with a time-saver of jqEasy's jQuery Slide Panel. The site is pseudo-adaptive, in that parts of it don't automatically adapt with screen-size change (mostly the slider). It adapts only on refresh, not just on resize. Still working on this part.
Site written in HTML5, CSS3, using Smultron and jEdit. Tested in Firefox, Chrome, Safari, and Opera.

I'm not sure how much good that last one will do you, but hey, animal pictures.

























