touched up input form styling

This commit is contained in:
hyung-hwan 2015-03-27 07:23:20 +00:00
parent 13e1743f7e
commit c3ca69b67f
14 changed files with 581 additions and 570 deletions

View File

@ -42,8 +42,9 @@ $this->load->view (
<?php if ($message != "") print '<div id="file_delete_message" class="form_message">'.htmlspecialchars($message).'</div>'; ?>
<div class="form_container">
<?=form_open("file/delete/{$project->id}/".$this->converter->AsciiToHex($file->name))?>
<?=form_fieldset()?>
<div>
<div>
<?=form_checkbox('file_confirm', 'yes', set_checkbox('file_confirm', $file_confirm))?>
@ -61,8 +62,8 @@ $this->load->view (
<?=form_submit('file', $this->lang->line('Delete'))?>
</div>
<?=form_fieldset_close()?>
<?=form_close();?>
</div>
</div>

View File

@ -79,8 +79,9 @@ $this->load->view (
<?php if ($message != "") print '<div id="file_message" class="form_message">'.htmlspecialchars($message).'</div>'; ?>
<div class="form_container">
<?=form_open_multipart("file/$mode/{$project->id}/" . $this->converter->AsciiToHex($file->name))?>
<?=form_fieldset()?>
<div class='form_input_field'>
<?=form_label($this->lang->line('Name').': ', 'file_name')?>
<?php
@ -130,8 +131,8 @@ $this->load->view (
<?php $caption = ($mode == 'update')? $this->lang->line('Update'): $this->lang->line('Create'); ?>
<?=form_submit('file', $caption)?>
<?=form_fieldset_close()?>
<?=form_close();?>
</div>
</div> <!-- file_mainarea -->

View File

@ -42,8 +42,9 @@ $this->load->view (
<?php if ($message != "") print '<div id="issue_delete_message" class="form_message">'.htmlspecialchars($message).'</div>'; ?>
<div class="form_container">
<?=form_open("issue/delete/{$project->id}/".$this->converter->AsciiToHex($issue->id))?>
<?=form_fieldset()?>
<div>
<div>
<?=form_checkbox('issue_confirm', 'yes', set_checkbox('issue_confirm', $issue_confirm))?>
@ -61,8 +62,8 @@ $this->load->view (
<?=form_submit('issue', $this->lang->line('Delete'))?>
</div>
<?=form_fieldset_close()?>
<?=form_close();?>
</div>
</div> <!-- mainarea -->

View File

@ -86,8 +86,8 @@ $this->load->view (
}
?>
<div class='form_container'>
<?=form_open("issue/{$mode}/{$project->id}/".$this->converter->AsciiToHex($issue->id))?>
<?=form_fieldset()?>
<div>
<?=form_hidden('issue_id', set_value('issue_id', $issue->id))?>
<?=form_hidden('issue_projectid', set_value('issue_projectid', $issue->projectid))?>
@ -149,8 +149,8 @@ $this->load->view (
<?php $caption = ($mode == 'update')? $this->lang->line('Update'): $this->lang->line('Create'); ?>
<?=form_submit('issue', $caption)?>
<?=form_fieldset_close()?>
<?=form_close();?>
</div> <!-- form_container -->
</div> <!-- issue_edit_mainarea -->

View File

@ -45,12 +45,11 @@ $this->load->view (
<?php if ($message != "") print "<div id='project_create_message' class='form_message'>$message</div>"; ?>
<div class='form_container'>
<?=form_open('main/signin/')?>
<?=form_fieldset('')?>
<?=form_hidden('user_url', set_value ('user_url', $user_url))?>
<div class="login_form_field_div">
<div class="form_input_field">
<!--
<?=form_label($this->lang->line('Username'), 'user_name')?>
<?=form_input('user_name', set_value ('user_name', $user_name))?>
@ -67,7 +66,7 @@ $this->load->view (
<?=form_error('user_name')?>
</div>
<div class="login_form_field_div">
<div class="form_input_field">
<!--
<?=form_label($this->lang->line('Password'), 'user_pass')?>
<?=form_password('user_pass')?>
@ -82,7 +81,7 @@ $this->load->view (
<?=form_error('user_pass')?>
</div>
<div class="login_form_field_div">
<div class="form_input_field">
<!--
<?=form_submit('login', $this->lang->line('Sign in'))?>
-->
@ -95,9 +94,8 @@ $this->load->view (
);
?>
</div>
<?=form_fieldset_close()?>
<?=form_close();?>
</div> <!-- form_container -->
</div>

View File

@ -41,8 +41,9 @@ $this->load->view (
<?php if ($message != "") print "<div id='project_create_message' class='form_message'>$message</div>"; ?>
<div class="form_container">
<?=form_open('project/delete/'.$project->id)?>
<?=form_fieldset()?>
<div>
<div>
<?=form_checkbox('project_confirm', 'yes', set_checkbox('project_confirm', $project_confirm))?>
@ -60,8 +61,8 @@ $this->load->view (
<?=form_submit('project', $this->lang->line('Delete'))?>
</div>
<?=form_fieldset_close()?>
<?=form_close();?>
</div>
</div>

View File

@ -81,8 +81,8 @@ $this->load->view (
if ($mode == 'update') $formurl .= '/'.$project->id;
?>
<div class='form_container'>
<?=form_open($formurl)?>
<?=form_fieldset()?>
<div class='form_input_field'>
<?=form_label($this->lang->line('ID').': ', 'project_id')?>
<?php
@ -98,7 +98,7 @@ $this->load->view (
<?=form_error('project_name')?>
</div>
<div class='form_input_field'>
<?php $extra = 'maxlength="80" size="40"'; ?>
<?php $extra = 'maxlength="80" size="60"'; ?>
<?=form_input('project_name', set_value('project_name', $project->name), $extra)?>
</div>
@ -107,7 +107,7 @@ $this->load->view (
<?=form_error('project_summary')?>
</div>
<div class='form_input_field'>
<?php $extra = 'maxlength="80" size="50"'; ?>
<?php $extra = 'maxlength="80" size="80"'; ?>
<?=form_input('project_summary', set_value('project_summary', $project->summary), $extra)?>
</div>
@ -169,8 +169,8 @@ $this->load->view (
<?php $caption = ($mode == 'update')? $this->lang->line('Update'): $this->lang->line('Create'); ?>
<?=form_submit('project', $caption)?>
<?=form_fieldset_close()?>
<?=form_close();?>
</div> <!-- form_container -->
</div> <!-- project_edit_mainarea -->

View File

@ -40,8 +40,9 @@ $this->load->view (
<?php if ($message != "") print "<div id='site_create_message' class='form_message'>$message</div>"; ?>
<div class="form_container">
<?=form_open("site/delete/{$site->id}")?>
<?=form_fieldset()?>
<div>
<div>
<?=form_checkbox('site_confirm', 'yes', set_checkbox('site_confirm', $site_confirm))?>
@ -59,8 +60,8 @@ $this->load->view (
<?=form_submit('site', $this->lang->line('Delete'))?>
</div>
<?=form_fieldset_close()?>
<?=form_close();?>
</div>
</div>

View File

@ -83,8 +83,8 @@ $this->load->view (
if ($mode == 'update') $formurl .= '/'.$site->id;
?>
<div class='form_container'>
<?=form_open($formurl, 'id="site_edit_form"')?>
<?=form_fieldset()?>
<div class='form_input_field'>
<?=form_label($this->lang->line('Language').': ', 'site_id')?>
<?php
@ -124,8 +124,8 @@ $this->load->view (
<?php $caption = ($mode == 'update')? $this->lang->line('Update'): $this->lang->line('Create'); ?>
<?=form_submit('site', $caption)?>
<?=form_fieldset_close()?>
<?=form_close();?>
</div> <!-- form_container -->
</div> <!-- site_edit_mainarea -->

View File

@ -61,10 +61,9 @@ $this->load->view (
<div id="user_settings_mainarea_result">
<div class="form_container">
<?=form_open_multipart('user/settings/')?>
<?=form_fieldset($this->lang->line('Code'))?>
<?=form_checkbox('code_hide_line_num',
'Y', $settings->code_hide_line_num == 'Y')
?>
@ -85,19 +84,12 @@ $this->load->view (
(.png, max. 100x100)
</div>
<?=form_fieldset_close()?>
<!--
<?=form_fieldset($this->lang->line('Issue'))?>
<?=form_fieldset_close()?>
-->
<div class="buttons">
<?=form_submit('settings', $this->lang->line('OK'))?>
</div>
<?=form_close();?>
</div>
</div> <!-- user_settings_mainarea_result -->

View File

@ -42,8 +42,9 @@ $this->load->view (
<?php if ($message != "") print '<div id="wiki_delete_message" class="form_message">'.htmlspecialchars($message).'</div>'; ?>
<div class="form_container">
<?=form_open("wiki/delete/{$project->id}/".$this->converter->AsciiToHex($wiki->name))?>
<?=form_fieldset()?>
<div>
<div>
<?=form_checkbox('wiki_confirm', 'yes', set_checkbox('wiki_confirm', $wiki_confirm))?>
@ -61,8 +62,8 @@ $this->load->view (
<?=form_submit('wiki', $this->lang->line('Delete'))?>
</div>
<?=form_fieldset_close()?>
<?=form_close();?>
</div>
</div> <!-- mainarea -->

View File

@ -110,9 +110,9 @@ $this->load->view (
<?php if ($message != "") print '<div id="wiki_edit_message" class="form_message">'.htmlspecialchars($message).'</div>'; ?>
<div id="wiki_edit_mainarea_form">
<div class="form_container">
<?=form_open_multipart("wiki/{$mode}/{$project->id}/".$this->converter->AsciiToHex($wiki->name))?>
<!-- <?=form_fieldset()?> field set is problematic. if text contains a wide pre block, preview with multi-columns overflows beyond its container. -->
<div class='form_input_label'>
<?=form_label($this->lang->line('Name').': ', 'wiki_name')?>
<?=form_error('wiki_name');?>
@ -214,9 +214,8 @@ $this->load->view (
<?=form_submit('wiki', $caption)?>
</div>
<!-- <?=form_fieldset_close()?> -->
<?=form_close();?>
</div> <!-- wiki_edit_mainarea_form -->
</div> <!-- form_container -->
</div> <!-- wiki_edit_mainarea -->

View File

@ -135,8 +135,8 @@ body {
text-transform: uppercase;
white-space: nowrap;
//text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
// 0px -5px 35px rgba(255,255,255,0.3);
/*text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
0px -5px 35px rgba(255,255,255,0.3); */
text-shadow: 1px 1px 0 #7A7A7A;
letter-spacing: 0.1em;
}
@ -213,46 +213,108 @@ body {
background-color: #BBCCDD;
}
.content .mainarea .form_container {
padding: 0.3em 0.5em 0.3em 0.5em;
border: 1px solid #BBCCDD;
line-height: 2.2em;
margin: 0;
}
.content .mainarea form {
margin: 0;
}
.content .mainarea form fieldset {
margin: 0;
border: 1px solid #BBCCDD;
}
.content .mainarea form label {
font-style: italic;
.content .mainarea form label
{
font-weight: bold;
}
.content .mainarea form input[type="text"] {
border: 1px solid #BBCCDD;
}
.content .mainarea form input[type="password"] {
border: 1px solid #BBCCDD;
}
.content .mainarea form textarea {
border: 1px solid #BBCCDD;
font-family: consolas, "Andale Mono", monospace;
font-size: inherit;
}
.content .mainarea .form_input_label {
margin-bottom: 0.2em;
.content .mainarea form input
{
vertical-align: middle;
border: none;
-moz-box-shadow: 0 2px 4px #bbb inset;
-webkit-box-shadow: 0 2px 4px #BBB inset;
box-shadow: 0 2px 4px #BBB inset;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 1.8em;
font-size: inherit;
padding-left: 0.2em;
padding-right: 0.2em;
}
.content .mainarea .form_input_label .ui-button {
.content .mainarea form input:focus {
background-color: #E1E1E1;
outline: 0;
}
.content .mainarea form input[type="submit"]
{
cursor: pointer;
height: 2em;
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 5px;
text-shadow: 1px 1px 3px #666666;
color: #ffffff;
text-decoration: none;
font-size: 1em;
border: 0 none;
}
.content .mainarea form input[type="submit"]:hover
{
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.content .mainarea form textarea
{
vertical-align: middle;
border: 1px solid #B9BDC1;
-moz-box-shadow: 0 2px 4px #bbb inset;
-webkit-box-shadow: 0 2px 4px #BBB inset;
box-shadow: 0 2px 4px #BBB inset;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: consolas, "Andale Mono", monospace;
font-size: inherit;
padding: 0.2em 0.2em 0.2em 0.2em;
}
.content .mainarea form textarea:focus
{
background-color: #E1E1E1;
outline: 0;
}
.content .mainarea form .ui-button
{
/* jquery-ui button inside the form */
font-size: 80%;
font-style: italic;
}
.content .mainarea .form_input_field {
margin-bottom: 0.5em;
}
.content .mainarea .form_input_preview {
@ -260,14 +322,13 @@ body {
/*border: 1px solid #DDDDDD;*/
background-color: #FFFFF0;
font-size: 90%;
padding: 0.2em 0.2em 0.2em 0.2em;
line-height: 1.2em;
}
.content .mainarea .form_input_preview pre {
/*background-color: inherit;*/
background-color: #F8F8FA;
padding: 0.3em;
/*background-color: #FDF5D6;*/
/*border: none;*/
padding: 0.2em 0.2em 0.2em 0.2em;
}
.content .mainarea .icon {
@ -732,96 +793,48 @@ pre.prettyprint li.L9 { background: #eee }
/* ================ login page =================== */
#login_user_name {
#login_user_name
{
background: url("images/username.png") no-repeat scroll 0% 0% rgb(234, 231, 231);
background-position: 0px 3px !important;
padding-left: 24px;
height: 2.2em;
vertical-align: middle;
border: 1px solid #B9BDC1;
-moz-box-shadow: 0 2px 4px #bbb inset;
-webkit-box-shadow: 0 2px 4px #BBB inset;
box-shadow: 0 2px 4px #BBB inset;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 1em;
border: 0 none;
}
#login_user_name:focus {
background-color: #E7E8E7;
#login_user_name:focus
{
background-color: #E1E1E1;
outline: 0;
}
#login_user_pass {
#login_user_pass
{
background: url("images/password.png") no-repeat scroll 0% 0% rgb(234, 231, 231);
background-position: 0px 3px !important;
padding-left: 24px;
height: 2.2em;
vertical-align: middle;
border: 1px solid #B9BDC1;
-moz-box-shadow: 0 2px 4px #bbb inset;
-webkit-box-shadow: 0 2px 4px #BBB inset;
box-shadow: 0 2px 4px #BBB inset;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 1em;
border: 0 none;
}
#login_user_pass:focus {
background-color: #E7E8E7;
#login_user_pass:focus
{
background-color: #E1E1E1;
outline: 0;
}
#login_signin_button {
cursor: pointer;
height: 2em;
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 5px;
text-shadow: 1px 1px 3px #666666;
color: #ffffff;
text-decoration: none;
font-size: 1em;
border: 0 none;
#login_signin_button
{
/* make it higher than the standard submit buttons */
height: 2.5em;
}
#login_signin_button:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
#login_mainarea .login_form_field_div { // keep it similar to taskbar
#login_mainarea .form_container form .form_input_field
{
/* keep it similar to taskbar and make it higher than normal form */
text-transform: uppercase;
padding-top: 0.3em;
padding-bottom: 0.3em;
vertical-align: middle;
font-size: 1em;
}

View File

@ -65,3 +65,6 @@
column-gap: 2em;
}
#wiki_edit_mainarea_text_column_count {
font-size: 80%;
}