Improve readability of "Assure someone" page.
This commit is contained in:
Wytze van der Raay
parent
cbe64cbde4
commit
b57d4d8b17
4 changed files with 326 additions and 247 deletions
|
|
@ -720,7 +720,7 @@
|
|||
{
|
||||
?>
|
||||
<tr>
|
||||
<td class="DataTD"><?=$field1.(empty($field1)?'':':')?>:</td>
|
||||
<td class="DataTD"><?=$field1.(empty($field1)?'':':')?></td>
|
||||
<td class="DataTD"><?=$field2?></td>
|
||||
</tr>
|
||||
<?
|
||||
|
|
@ -768,7 +768,7 @@
|
|||
{
|
||||
?>
|
||||
<tr>
|
||||
<td class="DataTD"><?=$field.(empty($field)?'':':')?>:</td>
|
||||
<td class="DataTD"><?=$field.(empty($field)?'':':')?></td>
|
||||
<td class="DataTD"><input type="text" name="<?=$type?>" value="<?=$value?>"><?=$description?></td>
|
||||
</tr>
|
||||
<?
|
||||
|
|
|
|||
|
|
@ -32,22 +32,48 @@
|
|||
else
|
||||
$methods = array("Face to Face Meeting");
|
||||
|
||||
$mnames = array(
|
||||
'01' => _('January'),
|
||||
'02' => _('February'),
|
||||
'03' => _('March'),
|
||||
'04' => _('April'),
|
||||
'05' => _('May'),
|
||||
'06' => _('June'),
|
||||
'07' => _('July'),
|
||||
'08' => _('August'),
|
||||
'09' => _('September'),
|
||||
'10' => _('October'),
|
||||
'11' => _('November'),
|
||||
'12' => _('December')
|
||||
);
|
||||
|
||||
$fname = $row['fname'];
|
||||
$mname = $row['mname'];
|
||||
$lname = $row['lname'];
|
||||
$suffix = $row['suffix'];
|
||||
$dob = $row['dob'];
|
||||
|
||||
$dob_date = explode('-', $dob, 3);
|
||||
$dob_print = sprintf(
|
||||
'<tt class="accountdetail">%s-%s-%s</tt> (%d %s %d)',
|
||||
$dob_date[0], $dob_date[1], $dob_date[2],
|
||||
intval($dob_date[2], 10), $mnames[$dob_date[1]], intval($dob_date[0], 10)
|
||||
);
|
||||
|
||||
$name = $fname." ".$mname." ".$lname." ".$suffix;
|
||||
$_SESSION['_config']['wothash'] = md5($name."-".$dob);
|
||||
|
||||
require_once($_SESSION['_config']['filepath']."/includes/notary.inc.php");
|
||||
|
||||
AssureHead(_("Assurance Confirmation"),sprintf(_("Please check the following details match against what you witnessed when you met %s in person. You MUST NOT proceed unless you are sure the details are correct. You may be held responsible by the CAcert Arbitrator for any issues with this Assurance."), $fname));
|
||||
AssureTextLine(_("Name"),$name);
|
||||
AssureTextLine(_("Date of Birth"),$dob." ("._("YYYY-MM-DD").")");
|
||||
AssureHead(_("Assurance Confirmation"),sprintf(_("Please check the following details match against what you witnessed when you met %s %s %s %s in person. You MUST NOT proceed unless you are sure the details are correct. You may be held responsible by the CAcert Arbitrator for any issues with this Assurance."), $fname, $mname, $lname, $suffix));
|
||||
AssureTextLine(_("Name"), sprintf(
|
||||
"<tt><span class=\"accountdetail name\"><span class=\"accountdetail fname\">%s</span> <span class=\"accountdetail mname\">%s</span> <span class=\"accountdetail lname\">%s</span> <span class=\"accountdetail suffix\">%s</span></span></tt>",
|
||||
$fname, $mname, $lname, $suffix
|
||||
));
|
||||
AssureTextLine(_("Date of Birth"),$dob_print);
|
||||
AssureMethodLine(_("Method"),$methods,'');
|
||||
AssureBoxLine("certify",sprintf(_("I certify that %s %s %s has appeared in person."), $fname, $mname, $lname),array_key_exists('certify',$_POST) && $_POST['certify'] == 1);
|
||||
AssureBoxLine("CCAAgreed",sprintf(_("I verify that %s %s %s has accepted the CAcert Community Agreement."), $fname, $mname, $lname),array_key_exists('CCAAgreed',$_POST) && $_POST['CCAAgreed'] == 1);
|
||||
AssureBoxLine("certify",sprintf(_("I certify that %s %s %s %s has appeared in person."), $fname, $mname, $lname, $suffix),array_key_exists('certify',$_POST) && $_POST['certify'] == 1);
|
||||
AssureBoxLine("CCAAgreed",sprintf(_("I verify that %s %s %s %s has accepted the CAcert Community Agreement."), $fname, $mname, $lname, $suffix),array_key_exists('CCAAgreed',$_POST) && $_POST['CCAAgreed'] == 1);
|
||||
AssureInboxLine("location",_("Location"),array_key_exists('location',$_SESSION['_config'])?$_SESSION['_config']['location']:"","");
|
||||
AssureInboxLine("date",_("Date"),array_key_exists('date',$_SESSION['_config'])?$_SESSION['_config']['date']:date("Y-m-d"),"<br/>"._("The date when the assurance took place. Please adjust the date if you assured the person on a different day (YYYY-MM-DD)."));
|
||||
AssureTextLine("",_("Only tick the next box if the Assurance was face to face."));
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@ body{
|
|||
/* url("/siteimages/bg_grad.jpg") fixed; */
|
||||
}
|
||||
|
||||
|
||||
/******* hyperlink and anchor tag styles *******/
|
||||
|
||||
a:link, a:visited {
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
/***********************************************/
|
||||
/* HTML tag styles */
|
||||
/***********************************************/
|
||||
|
||||
body {
|
||||
font-family: Arial,sans-serif;
|
||||
color: #333333;
|
||||
|
|
@ -16,10 +17,11 @@ body{
|
|||
/* url("/siteimages/bg_grad.jpg") fixed; */
|
||||
}
|
||||
|
||||
|
||||
/******* hyperlink and anchor tag styles *******/
|
||||
|
||||
a:link, a:visited {
|
||||
color: #005FA9;
|
||||
color: #005fa9;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -27,6 +29,7 @@ a:hover {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
/************** header tag styles **************/
|
||||
|
||||
h1 {
|
||||
|
|
@ -91,9 +94,11 @@ list-style: none;
|
|||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
/***********************************************/
|
||||
/* Layout Divs */
|
||||
/***********************************************/
|
||||
|
||||
#pagecell1 {
|
||||
position: absolute;
|
||||
top: 2%;
|
||||
|
|
@ -101,7 +106,6 @@ padding: 0px;
|
|||
right: 2%;
|
||||
width: 96%;
|
||||
background-color: #ffffff;
|
||||
|
||||
}
|
||||
|
||||
#tl {
|
||||
|
|
@ -128,7 +132,6 @@ padding: 0px;
|
|||
left: 2%;
|
||||
right: 2%;
|
||||
width: 95.6%;
|
||||
|
||||
}
|
||||
|
||||
#pageNav {
|
||||
|
|
@ -156,6 +159,7 @@ padding: 0px;
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
/************** utility styles *****************/
|
||||
|
||||
#utility {
|
||||
|
|
@ -174,6 +178,7 @@ padding: 0px;
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
/************** pageName styles ****************/
|
||||
|
||||
#pageName {
|
||||
|
|
@ -189,6 +194,7 @@ padding: 0px;
|
|||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/*
|
||||
#pageLogo {
|
||||
position: absolute;
|
||||
|
|
@ -198,6 +204,7 @@ padding: 0px;
|
|||
}
|
||||
*/
|
||||
|
||||
|
||||
/************* globalNav styles ****************/
|
||||
|
||||
#globalNav {
|
||||
|
|
@ -213,7 +220,6 @@ background-image: url("siteimages/glbnav_background.gif");
|
|||
|
||||
#globalNav img {
|
||||
margin-bottom: -4px;
|
||||
|
||||
}
|
||||
|
||||
#gnl {
|
||||
|
|
@ -246,7 +252,7 @@ a.glink, a.glink:visited {
|
|||
font-weight: bold;
|
||||
margin: 0px;
|
||||
padding: 2px 5px 4px 5px;
|
||||
border-right: 1px solid #8FB8BC;
|
||||
border-right: 1px solid #8fb8bc;
|
||||
}
|
||||
|
||||
a.glink:hover {
|
||||
|
|
@ -254,7 +260,10 @@ a.glink:hover {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
.skipLinks {display: none;}
|
||||
.skipLinks {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/************ subglobalNav styles **************/
|
||||
|
||||
|
|
@ -279,12 +288,14 @@ a.glink:hover {
|
|||
color: #cccccc;
|
||||
}
|
||||
|
||||
|
||||
/*************** search styles *****************/
|
||||
/*
|
||||
#listshow {
|
||||
z-order: 101;
|
||||
}
|
||||
*/
|
||||
|
||||
#search {
|
||||
position: absolute;
|
||||
top: 125px;
|
||||
|
|
@ -352,15 +363,15 @@ a.glink:hover {
|
|||
#breadCrumb {
|
||||
padding: 5px 0px 5px 10px;
|
||||
font: small Verdana,sans-serif;
|
||||
color: #AAAAAA;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
|
||||
#breadCrumb a {
|
||||
color: #AAAAAA;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
|
||||
#breadCrumb a:hover {
|
||||
color: #005FA9;
|
||||
color: #005fa9;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -374,7 +385,9 @@ a.glink:hover {
|
|||
height: 200px;
|
||||
}
|
||||
|
||||
.feature {height: auto;}
|
||||
.feature {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.feature h3 {
|
||||
font: bold 175% Arial,sans-serif;
|
||||
|
|
@ -431,12 +444,12 @@ td.storyLeft{
|
|||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
|
||||
/************ sectionLinks styles **************/
|
||||
|
||||
#sectionLinks {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
}
|
||||
|
||||
#sectionLinks h3 {
|
||||
|
|
@ -490,58 +503,59 @@ td.storyLeft{
|
|||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/********************* end **********************/
|
||||
|
||||
.DataTD input, .DataTD textarea {
|
||||
FONT-SIZE: 92%;
|
||||
font-size: 92%;
|
||||
}
|
||||
|
||||
.DataTD select, .DataTD option {
|
||||
FONT-SIZE: 92%;
|
||||
font-size: 92%;
|
||||
}
|
||||
|
||||
.DataTD {
|
||||
background-color: #E2E2E2;
|
||||
background-color: #e2e2e2;
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
FONT-SIZE: 8pt;
|
||||
COLOR: #000000;
|
||||
FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica, sans-serif;
|
||||
font-size: 8pt;
|
||||
color: #000000;
|
||||
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
|
||||
|
||||
background: #ffffff;
|
||||
padding: 1px 5px 1px 5px;
|
||||
border: 1px #CFCFCF solid;
|
||||
border-left: 1px #CFCFCF dotted;
|
||||
border-right: 1px #CFCFCF dotted;
|
||||
border: 1px #cfcfcf solid;
|
||||
border-left: 1px #cfcfcf dotted;
|
||||
border-right: 1px #cfcfcf dotted;
|
||||
}
|
||||
|
||||
.DataTDGrey {
|
||||
background-color: #EFEDED;
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
FONT-SIZE: 8pt;
|
||||
COLOR: #000000;
|
||||
FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica, sans-serif;
|
||||
font-size: 8pt;
|
||||
color: #000000;
|
||||
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
|
||||
|
||||
padding: 1px 5px 1px 5px;
|
||||
border: 1px #CFCFCF solid;
|
||||
border-left: 1px #CFCFCF dotted;
|
||||
border-right: 1px #CFCFCF dotted;
|
||||
border-left: 1px #cfcfcf dotted;
|
||||
border-right: 1px #cfcfcf dotted;
|
||||
}
|
||||
|
||||
.DataTDNotDotted {
|
||||
background-color: #E2E2E2;
|
||||
background-color: #e2e2e2;
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
FONT-SIZE: 8pt;
|
||||
COLOR: #000000;
|
||||
FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica, sans-serif;
|
||||
font-size: 8pt;
|
||||
color: #000000;
|
||||
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
|
||||
|
||||
background: #ffffff;
|
||||
padding: 1px 5px 1px 5px;
|
||||
border: 1px #CFCFCF solid;
|
||||
border-left: 1px #CFCFCF solid;
|
||||
border-right: 1px #CFCFCF solid;
|
||||
border-left: 1px #cfcfcf solid;
|
||||
border-right: 1px #cfcfcf solid;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
|
|
@ -552,63 +566,63 @@ td.storyLeft{
|
|||
}
|
||||
|
||||
td.greytxt {
|
||||
color: #CCCCCC;
|
||||
color: #cccccc;
|
||||
font-size: smaller;
|
||||
text-align: right;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.title {
|
||||
background: #E2E2E2;
|
||||
font-weight:BOLD;
|
||||
background: #e2e2e2;
|
||||
font-weight: bold;
|
||||
padding: 1px 5px 1px 5px;
|
||||
border: 1px solid #CFCFCF;
|
||||
border-bottom: 3px double #CFCFCF;
|
||||
border: 1px solid #cfcfcf;
|
||||
border-bottom: 3px double #cfcfcf;
|
||||
border-top: 1px solid #656565;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.errmsg {
|
||||
font-weight: BOLD;
|
||||
font-weight: bold;
|
||||
color: #FF0000;
|
||||
}
|
||||
|
||||
.ac_menu
|
||||
{
|
||||
.ac_menu {
|
||||
border: 1px solid black
|
||||
}
|
||||
.ac_normal
|
||||
{
|
||||
|
||||
.ac_normal {
|
||||
background-color: #ffffff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ac_highlight
|
||||
{
|
||||
|
||||
.ac_highlight {
|
||||
background-color: #3366cc;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ac_normal .a
|
||||
{
|
||||
|
||||
.ac_normal .a {
|
||||
font-size: 13px;
|
||||
color: black;
|
||||
}
|
||||
.ac_highlight .a
|
||||
{
|
||||
|
||||
.ac_highlight .a {
|
||||
font-size: 13px;
|
||||
}
|
||||
.ac_normal .d
|
||||
{
|
||||
|
||||
.ac_normal .d {
|
||||
float: right;
|
||||
font-size: 10px;
|
||||
color: green;
|
||||
}
|
||||
.ac_highlight .d
|
||||
{
|
||||
|
||||
.ac_highlight .d {
|
||||
float: right;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
|
||||
/************** sponsorInfo styles ****************/
|
||||
|
||||
div.sponsorinfo {
|
||||
|
|
@ -626,6 +640,7 @@ img.sponsorlogo {
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
/************ Newsbox *************/
|
||||
|
||||
#lnews { /* class for the text "Latest News" */
|
||||
|
|
@ -639,6 +654,7 @@ div.newsbox {
|
|||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
|
||||
/************ SQL Performance ***********/
|
||||
|
||||
div.footerbar {
|
||||
|
|
@ -649,7 +665,43 @@ div.footerbar {
|
|||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
|
||||
/************ Honeypot ***********/
|
||||
|
||||
.robotic { display: none; }
|
||||
.robotic {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/************ unicode fallbacks ***********/
|
||||
|
||||
/* Some embedding of font */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
src: local('Source Code Pro');
|
||||
/* src: url(/res/fonts/SourceCodePro-Medium.ttf); */
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Last Resort';
|
||||
src: local('LastResort');
|
||||
/* src: url(/res/fonts/LastResort.ttf); */
|
||||
}
|
||||
|
||||
.accountdetail {
|
||||
font-family: 'Source Code Pro', 'Lucida Console', 'Arial Unicode MS', monospace, 'Last Resort';
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.accountdetail.fname {
|
||||
}
|
||||
|
||||
.accountdetail.mname {
|
||||
}
|
||||
|
||||
.accountdetail.lname {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.accountdetail.suffix {
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue