?
Path : /home/admin/domains/happytokorea.com/public_html_bk/gall/test/admin/ |
Current File : /home/admin/domains/happytokorea.com/public_html_bk/gall/test/admin/form.php |
<!DOCTYPE html> <html lang="en"> <head> <title>Constellation Admin Skin</title> <meta charset="utf-8"> <!-- Combined stylesheets load --> <!-- Load either 960.gs.fluid or 960.gs to toggle between fixed and fluid layout --> <link href="css/form.php?files=reset,common,form,standard,960.gs.fluid,simple-lists,block-lists,planning,table,calendars,wizard,gallery" rel="stylesheet" type="text/css"> <!-- Favicon --> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/png" href="favicon-large.png"> <!-- Combined JS load --> <!-- html5.js has to be loaded before anything else --> <script type="text/javascript" src="js/mini.php?files=html5,jquery-1.4.2.min,old-browsers,jquery.accessibleList,searchField,common,standard,jquery.tip,jquery.hashchange,jquery.contextMenu,list"></script> <!--[if lte IE 8]><script type="text/javascript" src="js/standard.ie.js"></script><![endif]--> <!-- Plugins --> <script type="text/javascript" src="js/jquery.datepick/jquery.datepick.min.js"></script> <script type="text/javascript"> // Search tip $(document).ready(function() { $('#s').tip({ content: 'AJAX search! Try entering "add"', onHover: false }); /* * Datepicker * Thanks to sbkyle! http://themeforest.net/user/sbkyle */ $('.datepicker').datepick({ alignment: 'bottom', showOtherMonths: true, selectOtherMonths: true, renderer: { picker: '<div class="datepick block-border clearfix form"><div class="mini-calendar clearfix">' + '{months}</div></div>', monthRow: '{months}', month: '<div class="calendar-controls">' + '{monthHeader:M yyyy}' + '</div>' + '<table cellspacing="0">' + '<thead>{weekHeader}</thead>' + '<tbody>{weeks}</tbody></table>', weekHeader: '<tr>{days}</tr>', dayHeader: '<th>{day}</th>', week: '<tr>{days}</tr>', day: '<td>{day}</td>', monthSelector: '.month', daySelector: 'td', rtlClass: 'rtl', multiClass: 'multi', defaultClass: 'default', selectedClass: 'selected', highlightedClass: 'highlight', todayClass: 'today', otherMonthClass: 'other-month', weekendClass: 'week-end', commandClass: 'calendar', commandLinkClass: 'button', disabledClass: 'unavailable' } }); }); </script> <!-- This file is from the demo website of the Constellation Admin Skin If you like it and wish to use it, please consider buying it on ThemeForest: http://themeforest.net/item/constellation-complete-admin-skin/116461 Thanks! --> </head> <body> <!-- The template uses conditional comments to add wrappers div for ie8 and ie7 - just add .ie or .ie7 prefix to your css selectors when needed --> <!--[if lt IE 9]><div class="ie"><![endif]--> <!--[if lt IE 8]><div class="ie7"><![endif]--> <!-- Header --> <!-- Server status --> <header><div class="container_12"> <p id="skin-name"><small>Constellation<br> Admin Skin</small> <strong>1.0</strong></p> <div class="server-info">Server: <strong>Apache (unknown)</strong></div> <div class="server-info">Php: <strong>5.2.14</strong></div> </div></header> <!-- End server status --> <!-- Main nav --> <nav id="main-nav"> <ul class="container_12"> <li class="home current"><a href="javascript:void(0)" title="Home">Home</a> <ul> <li class="current"><a href="javascript:void(0)" title="Dashboard">Dashboard</a></li> <li><a href="javascript:void(0)" title="My profile">My profile</a></li> <li class="with-menu"><a href="javascript:void(0)" title="My settings">My settings</a> <div class="menu"> <img src="images/menu-open-arrow.png" width="16" height="16"> <ul> <li class="icon_address"><a href="javascript:void(0)">Browse by</a> <ul> <li class="icon_blog"><a href="javascript:void(0)">Blog</a> <ul> <li class="icon_alarm"><a href="javascript:void(0)">Recents</a> <ul> <li class="icon_building"><a href="javascript:void(0)">Corporate blog</a></li> <li class="icon_newspaper"><a href="javascript:void(0)">Press blog</a></li> </ul> </li> <li class="icon_building"><a href="javascript:void(0)">Corporate blog</a></li> <li class="icon_computer"><a href="javascript:void(0)">Support blog</a></li> <li class="icon_search"><a href="javascript:void(0)">Search...</a></li> </ul> </li> <li class="icon_server"><a href="javascript:void(0)">Website</a></li> <li class="icon_network"><a href="javascript:void(0)">Domain</a></li> </ul> </li> <li class="icon_export"><a href="javascript:void(0)">Export</a> <ul> <li class="icon_doc_excel"><a href="javascript:void(0)">Excel</a></li> <li class="icon_doc_csv"><a href="javascript:void(0)">CSV</a></li> <li class="icon_doc_pdf"><a href="javascript:void(0)">PDF</a></li> <li class="icon_doc_image"><a href="javascript:void(0)">Image</a></li> <li class="icon_doc_web"><a href="javascript:void(0)">Html</a></li> </ul> </li> <li class="sep"></li> <li class="icon_refresh"><a href="javascript:void(0)">Reload</a></li> <li class="icon_reset">Reset</li> <li class="icon_search"><a href="javascript:void(0)">Search</a></li> <li class="sep"></li> <li class="icon_terminal"><a href="javascript:void(0)">Custom request</a></li> <li class="icon_battery"><a href="javascript:void(0)">Stats server load</a></li> </ul> </div> </li> </ul> </li> <li class="write"><a href="javascript:void(0)" title="Write">Write</a> <ul> <li><a href="javascript:void(0)" title="Articles">Articles</a></li> <li><a href="javascript:void(0)" title="Add article">Add article</a></li> <li><a href="javascript:void(0)" title="Posts">Posts</a></li> <li><a href="javascript:void(0)" title="Add post">Add post</a></li> </ul> </li> <li class="comments"><a href="javascript:void(0)" title="Comments">Comments</a> <ul> <li><a href="javascript:void(0)" title="Manage">Manage</a></li> <li><a href="javascript:void(0)" title="Spams">Spams</a></li> </ul> </li> <li class="medias"><a href="javascript:void(0)" title="Medias">Medias</a> <ul> <li><a href="javascript:void(0)" title="Browse">Browse</a></li> <li><a href="javascript:void(0)" title="Add file">Add file</a></li> <li><a href="javascript:void(0)" title="Manage">Manage</a></li> <li><a href="javascript:void(0)" title="Settings">Settings</a></li> </ul> </li> <li class="users"><a href="javascript:void(0)" title="Users">Users</a> <ul> <li><a href="javascript:void(0)" title="Browse">List</a></li> <li><a href="javascript:void(0)" title="Add user">Add user</a></li> <li><a href="javascript:void(0)" title="Settings">Settings</a></li> </ul> </li> <li class="stats"><a href="javascript:void(0)" title="Stats">Stats</a></li> <li class="settings"><a href="javascript:void(0)" title="Settings">Settings</a></li> <li class="backup"><a href="javascript:void(0)" title="Backup">Backup</a></li> </ul> </nav> <!-- End main nav --> <!-- Sub nav --> <div id="sub-nav"><div class="container_12"> <a href="javascript:void(0)" title="Help" class="nav-button"><b>Help</b></a> <form id="search-form" name="search-form" method="post" action="search.php"> <input type="text" name="s" id="s" value="" title="Search admin..." autocomplete="off"> </form> </div></div> <!-- End sub nav --> <!-- Status bar --> <div id="status-bar"><div class="container_12"> <ul id="status-infos"> <li class="spaced">Logged as: <strong>Admin</strong></li> <li> <a href="javascript:void(0)" class="button" title="5 messages"><img src="images/icons/fugue/mail.png" width="16" height="16"> <strong>5</strong></a> <div id="messages-list" class="result-block"> <span class="arrow"><span></span></span> <ul class="small-files-list icon-mail"> <li> <a href="javascript:void(0)"><strong>10:15</strong> Please update...<br> <small>From: System</small></a> </li> <li> <a href="javascript:void(0)"><strong>Yest.</strong> Hi<br> <small>From: Jane</small></a> </li> <li> <a href="javascript:void(0)"><strong>Yest.</strong> System update<br> <small>From: System</small></a> </li> <li> <a href="javascript:void(0)"><strong>2 days</strong> Database backup<br> <small>From: System</small></a> </li> <li> <a href="javascript:void(0)"><strong>2 days</strong> Re: bug report<br> <small>From: Max</small></a> </li> </ul> <p id="messages-info" class="result-info"><a href="javascript:void(0)">Go to inbox »</a></p> </div> </li> <li> <a href="javascript:void(0)" class="button" title="25 comments"><img src="images/icons/fugue/balloon.png" width="16" height="16"> <strong>25</strong></a> <div id="comments-list" class="result-block"> <span class="arrow"><span></span></span> <ul class="small-files-list icon-comment"> <li> <a href="javascript:void(0)"><strong>Jane</strong>: I don't think so<br> <small>On <strong>Post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Ken_54</strong>: What about using a different...<br> <small>On <strong>Post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Jane</strong> Sure, but no more.<br> <small>On <strong>Another post</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Max</strong>: Have you seen that...<br> <small>On <strong>Post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Anonymous</strong>: Good luck!<br> <small>On <strong>My first post</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Sébastien</strong>: This sure rocks!<br> <small>On <strong>Another post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>John</strong>: Me too!<br> <small>On <strong>Third post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>John</strong> This can be solved by...<br> <small>On <strong>Another post</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Jane</strong>: No prob.<br> <small>On <strong>Post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Anonymous</strong>: I had the following...<br> <small>On <strong>My first post</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Anonymous</strong>: Yes<br> <small>On <strong>Post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Lian</strong>: Please make sure that...<br> <small>On <strong>Last post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Ann</strong> Thanks!<br> <small>On <strong>Last post</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Max</strong>: Don't tell me what...<br> <small>On <strong>Post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Gordon</strong>: Here is an article about...<br> <small>On <strong>My another post</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Lee</strong>: Try to reset the value first<br> <small>On <strong>Last title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Lee</strong>: Sure!<br> <small>On <strong>Second post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Many</strong> Great job, keep on!<br> <small>On <strong>Third post</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>John</strong>: I really like this<br> <small>On <strong>First title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Paul</strong>: Hello, I have an issue with...<br> <small>On <strong>My first post</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>June</strong>: Yuck.<br> <small>On <strong>Another title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Jane</strong>: Wow, sounds amazing, do...<br> <small>On <strong>Another title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Esther</strong>: Man, this is the best...<br> <small>On <strong>Another post</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>Max</strong>: Thanks!<br> <small>On <strong>Post title</strong></small></a> </li> <li> <a href="javascript:void(0)"><strong>John</strong>: I'd say it is not safe...<br> <small>On <strong>My first post</strong></small></a> </li> </ul> <p id="comments-info" class="result-info"><a href="javascript:void(0)">Manage comments »</a></p> </div> </li> <li><a href="login.php" class="button red" title="Logout"><span class="smaller">LOGOUT</span></a></li> </ul> <ul id="breadcrumb"> <li><a href="javascript:void(0)" title="Home">Home</a></li> <li><a href="javascript:void(0)" title="Dashboard">Dashboard</a></li> </ul> </div></div> <!-- End status bar --> <div id="header-shadow"></div> <!-- End header --> <!-- Always visible control bar --> <div id="control-bar" class="grey-bg clearfix"><div class="container_12"> <div class="float-left"> <button type="button" onClick="document.location.href = '../#pages';"><img src="images/icons/fugue/navigation-180.png" width="16" height="16"> Back to demo website</button> </div> <div class="float-right"> <button type="button" class="red">Cancel</button> <button type="button"><img src="images/icons/fugue/tick-circle.png" width="16" height="16"> Save</button> </div> </div></div> <!-- End control bar --> <!-- Content --> <article class="container_12"> <ul class="message success grid_12"> <li>This is a <strong>success message</strong>, out of any box</li> <li class="close-bt"></li> </ul> <section class="grid_4"> <div class="block-border"><form class="block-content form" id="simple_form" method="post" action=""> <h1>Simple form</h1> <fieldset class="grey-bg required"> <legend>Fieldset with background</legend> <p> <label for="simple-required">Required input</label> <input type="text" name="simple-required" id="simple-required" value="" class="full-width"> </p> </fieldset> <fieldset> <legend>Fieldset</legend> <ul class="message error no-margin"> <li>This is an <strong>error message</strong>, inside a form</li> </ul> <p> <label for="simple-calendar">Date selector</label> <span class="input-type-text margin-right error relative"><input type="text" name="simple-calendar" id="simple-calendar" value="" class="datepicker"><img src="images/icons/fugue/calendar-month.png" width="16" height="16"><span class="check-error"></span></span> <button type="button" class="grey">Today</button> </p> <p> <span class="label">Inline checkable</span> <input type="checkbox" name="simple-checkbox[]" id="simple-checkbox-1" value="1"> <label for="simple-checkbox-1">Views</label> <input type="checkbox" name="simple-checkbox[]" id="simple-checkbox-2" value="2"> <label for="simple-checkbox-2">Unique visitors</label> </p> <div class="columns"> <div class="colx2-left"> <span class="label">Checkable list</span> <ul class="checkable-list"> <li><input type="radio" name="simple-radio" id="simple-radio-1" value="1"> <label for="simple-radio-1">Group</label></li> <li><input type="radio" name="simple-radio" id="simple-radio-2" value="2"> <label for="simple-radio-2">Separate</label></li> </ul> </div> <p class="colx2-right"> <label for="simple-select">Select</label> <select name="simple-select" id="simple-select" class="full-width"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option> </select> </p> </div> <div class="columns"> <div class="colx2-left"> <label for="simple-switch-off">Switch off</label> <input type="checkbox" name="simple-switch-off" id="simple-switch-off" value="1" class="switch"> </div> <p class="colx2-right"> <label for="simple-switch-on">Switch on</label> <input type="checkbox" name="simple-switch-on" id="simple-switch-on" value="1" checked="checked" class="switch"> </p> </div> </fieldset> <fieldset class="grey-bg no-margin"> <legend>Action on create</legend> <p class="input-with-button"> <label for="simple-action">Select action</label> <select name="simple-action" id="simple-action"> <option value="1">Save and publish</option> <option value="2">Save only</option> </select> <button type="button">Create</button> </p> </fieldset> </form></div> </section> <section class="grid_8"> <div class="block-border"><form class="block-content form" id="complex_form" method="post" action=""> <h1>Complex form</h1> <div class="block-controls"> <ul class="controls-tabs js-tabs"> <li class="current"><a href="javascript:void(0)" title="Charts"><img src="images/icons/web-app/24/Bar-Chart.png" width="24" height="24"></a></li> <li><a href="javascript:void(0)" title="Comments"><img src="images/icons/web-app/24/Comment.png" width="24" height="24"></a></li> <li><a href="javascript:void(0)" title="Medias"><img src="images/icons/web-app/24/Picture.png" width="24" height="24"></a></li> <li><a href="javascript:void(0)" title="Users"><img src="images/icons/web-app/24/Profile.png" width="24" height="24"></a></li> <li><a href="javascript:void(0)" title="Informations"><img src="images/icons/web-app/24/Info.png" width="24" height="24"></a></li> </ul> </div> <ul class="message warning no-margin"> <li>This is a <strong>warning message</strong>, inside a box</li> <li class="close-bt"></li> </ul> <div class="columns"> <div class="col200pxL-left"> <h2>Side tabs</h2> <ul class="side-tabs js-tabs same-height"> <li><a href="#tab-global" title="Global properties">Global properties</a></li> <li><a href="#tab-settings" title="Language settings">Language settings</a></li> <li><a href="#tab-relations" title="Relations">Relations</a></li> <li><a href="#tab-history" title="History">History</a></li> <li><span>Advanced parameters</span></li> <li class="icon-tab with-margin"><a href="javascript:void(0)" title="Add tab"><img src="images/icons/add.png" width="16" height="16"></a></li> </ul> </div> <div class="col200pxL-right"> <div id="tab-global" class="tabs-content"> <ul class="tabs js-tabs same-height"> <li class="current"><a href="#tab-locales" title="Locales">Locales</a></li> <li><a href="#tab-options" title="Options">Options</a></li> <li><span>Advanced</span></li> <li class="with-margin"><a href="javascript:void(0)" title="Add tab"><img src="images/icons/add.png" width="16" height="16"></a></li> </ul> <div class="tabs-content"> <div id="tab-locales"> <div class="infos"> <h3>Locales edition</h3> <p>Choose a locale below and edit informations as needed</p> </div> <ul class="mini-tabs no-margin js-tabs same-height"> <li><a href="#tab-en"><img src="images/icons/flags/us.png" width="16" height="11" alt="English" title="English"></a></li> <li class="current"><a href="#tab-fr"><img src="images/icons/flags/fr.png" width="16" height="11" alt="French" title="French"></a></li> <li><a href="#tab-de"><img src="images/icons/flags/de.png" width="16" height="11" alt="German" title="German"></a></li> <li><a href="#tab-es"><img src="images/icons/flags/es.png" width="16" height="11" alt="Spanish" title="Spanish"></a></li> <li><a href="#tab-ru"><img src="images/icons/flags/ru.png" width="16" height="11" alt="Russian" title="Russian"></a></li> <li><a href="#tab-jp"><img src="images/icons/flags/jp.png" width="16" height="11" alt="Japanese" title="Japanese"></a></li> </ul> <div id="tab-en"> <fieldset class="grey-bg"> <legend>Required fields</legend> <div class="colx3-left-double required"> <label for="complex-title">Page title</label> <span class="relative"> <input type="text" name="complex-en-title" id="complex-en-title" value="English" class="full-width"> <span class="check-ok"></span> </span> </div> <div class="colx3-right"> <span class="label required">Active</span> <p class="input-height grey-bg"> <input type="radio" name="complex-en-active" id="complex-en-active-1" value="1" checked="checked"> <label for="complex-en-active-1">Yes</label> <input type="radio" name="complex-en-active" id="complex-en-active-0" value="0"> <label for="complex-en-active-0">No</label> </p> </div> </fieldset> <fieldset> <legend>Other informations</legend> <div class="columns"> <p class="colx2-left"> <label for="complex-en-url">Url</label> <span class="relative"> <input type="text" name="complex-en-url" id="complex-en-url" value="" class="full-width error"> <span class="check-error"></span> </span> </p> <p class="colx2-right"> <label for="complex-en-subtitle">Subtitle</label> <input type="text" name="complex-en-subtitle" id="complex-en-subtitle" value="" class="full-width"> </p> </div> <div class="columns"> <p class="colx2-left"> <span class="label">Access</span> <input type="checkbox" name="complex-en-checkbox[]" id="complex-en-checkbox-0" value="0"> <label for="complex-en-checkbox-0">Everyone</label> <input type="checkbox" name="complex-en-checkbox[]" id="complex-en-checkbox-1" value="1"> <label for="complex-en-checkbox-1">Logged users</label> <input type="checkbox" name="complex-en-checkbox[]" id="complex-en-checkbox-2" value="2"> <label for="complex-en-checkbox-2">Site administrators</label> </p> <p class="colx2-right"> <label for="complex-en-style">Style</label> <select name="complex-en-style" id="complex-en-style" class="full-width"> <option value="1">Standard</option> <option value="1">Full-width</option> <option value="1">3 columns</option> </select> </p> </div> </fieldset> </div> <div id="tab-fr"> <fieldset class="grey-bg"> <legend>Required fields</legend> <div class="colx3-left-double required"> <label for="complex-fr-title">Page title</label> <span class="relative"> <input type="text" name="complex-fr-title" id="complex-fr-title" value="Français" class="full-width"> <span class="check-ok"></span> </span> </div> <div class="colx3-right"> <span class="label required">Active</span> <p class="input-height grey-bg"> <input type="radio" name="complex-fr-active" id="complex-fr-active-1" value="1" checked="checked"> <label for="complex-fr-active-1">Yes</label> <input type="radio" name="complex-fr-active" id="complex-fr-active-0" value="0"> <label for="complex-fr-active-0">No</label> </p> </div> </fieldset> <fieldset> <legend>Other informations</legend> <div class="columns"> <p class="colx2-left"> <label for="complex-fr-url">Url</label> <span class="relative"> <input type="text" name="complex-fr-url" id="complex-fr-url" value="" class="full-width error"> <span class="check-error"></span> </span> </p> <p class="colx2-right"> <label for="complex-fr-subtitle">Subtitle</label> <input type="text" name="complex-fr-subtitle" id="complex-fr-subtitle" value="" class="full-width"> </p> </div> <div class="columns"> <p class="colx2-left"> <span class="label">Access</span> <input type="checkbox" name="complex-fr-checkbox[]" id="complex-fr-checkbox-0" value="0"> <label for="complex-fr-checkbox-0">Everyone</label> <input type="checkbox" name="complex-fr-checkbox[]" id="complex-fr-checkbox-1" value="1"> <label for="complex-fr-checkbox-1">Logged users</label> <input type="checkbox" name="complex-fr-checkbox[]" id="complex-fr-checkbox-2" value="2"> <label for="complex-fr-checkbox-2">Site administrators</label> </p> <p class="colx2-right"> <label for="complex-fr-style">Style</label> <select name="complex-fr-style" id="complex-fr-style" class="full-width"> <option value="1">Standard</option> <option value="1">Full-width</option> <option value="1">3 columns</option> </select> </p> </div> </fieldset> </div> <div id="tab-de"> <fieldset class="grey-bg"> <legend>Required fields</legend> <div class="colx3-left-double required"> <label for="complex-de-title">Page title</label> <span class="relative"> <input type="text" name="complex-de-title" id="complex-de-title" value="Deutsch" class="full-width"> <span class="check-ok"></span> </span> </div> <div class="colx3-right"> <span class="label required">Active</span> <p class="input-height grey-bg"> <input type="radio" name="complex-de-active" id="complex-de-active-1" value="1" checked="checked"> <label for="complex-de-active-1">Yes</label> <input type="radio" name="complex-de-active" id="complex-de-active-0" value="0"> <label for="complex-de-active-0">No</label> </p> </div> </fieldset> <fieldset> <legend>Other informations</legend> <div class="columns"> <p class="colx2-left"> <label for="complex-de-url">Url</label> <span class="relative"> <input type="text" name="complex-de-url" id="complex-de-url" value="" class="full-width error"> <span class="check-error"></span> </span> </p> <p class="colx2-right"> <label for="complex-de-subtitle">Subtitle</label> <input type="text" name="complex-de-subtitle" id="complex-de-subtitle" value="" class="full-width"> </p> </div> <div class="columns"> <p class="colx2-left"> <span class="label">Access</span> <input type="checkbox" name="complex-de-checkbox[]" id="complex-de-checkbox-0" value="0"> <label for="complex-de-checkbox-0">Everyone</label> <input type="checkbox" name="complex-de-checkbox[]" id="complex-de-checkbox-1" value="1"> <label for="complex-de-checkbox-1">Logged users</label> <input type="checkbox" name="complex-de-checkbox[]" id="complex-de-checkbox-2" value="2"> <label for="complex-de-checkbox-2">Site administrators</label> </p> <p class="colx2-right"> <label for="complex-de-style">Style</label> <select name="complex-de-style" id="complex-de-style" class="full-width"> <option value="1">Standard</option> <option value="1">Full-width</option> <option value="1">3 columns</option> </select> </p> </div> </fieldset> </div> <div id="tab-es"> <fieldset class="grey-bg"> <legend>Required fields</legend> <div class="colx3-left-double required"> <label for="complex-es-title">Page title</label> <span class="relative"> <input type="text" name="complex-es-title" id="complex-es-title" value="Español" class="full-width"> <span class="check-ok"></span> </span> </div> <div class="colx3-right"> <span class="label required">Active</span> <p class="input-height grey-bg"> <input type="radio" name="complex-es-active" id="complex-es-active-1" value="1" checked="checked"> <label for="complex-es-active-1">Yes</label> <input type="radio" name="complex-es-active" id="complex-es-active-0" value="0"> <label for="complex-es-active-0">No</label> </p> </div> </fieldset> <fieldset> <legend>Other informations</legend> <div class="columns"> <p class="colx2-left"> <label for="complex-es-url">Url</label> <span class="relative"> <input type="text" name="complex-es-url" id="complex-es-url" value="" class="full-width error"> <span class="check-error"></span> </span> </p> <p class="colx2-right"> <label for="complex-es-subtitle">Subtitle</label> <input type="text" name="complex-es-subtitle" id="complex-es-subtitle" value="" class="full-width"> </p> </div> <div class="columns"> <p class="colx2-left"> <span class="label">Access</span> <input type="checkbox" name="complex-es-checkbox[]" id="complex-es-checkbox-0" value="0"> <label for="complex-es-checkbox-0">Everyone</label> <input type="checkbox" name="complex-es-checkbox[]" id="complex-es-checkbox-1" value="1"> <label for="complex-es-checkbox-1">Logged users</label> <input type="checkbox" name="complex-es-checkbox[]" id="complex-es-checkbox-2" value="2"> <label for="complex-es-checkbox-2">Site administrators</label> </p> <p class="colx2-right"> <label for="complex-es-style">Style</label> <select name="complex-es-style" id="complex-es-style" class="full-width"> <option value="1">Standard</option> <option value="1">Full-width</option> <option value="1">3 columns</option> </select> </p> </div> </fieldset> </div> <div id="tab-ru"> <fieldset class="grey-bg"> <legend>Required fields</legend> <div class="colx3-left-double required"> <label for="complex-ru-title">Page title</label> <span class="relative"> <input type="text" name="complex-ru-title" id="complex-ru-title" value="Русский" class="full-width"> <span class="check-ok"></span> </span> </div> <div class="colx3-right"> <span class="label required">Active</span> <p class="input-height grey-bg"> <input type="radio" name="complex-ru-active" id="complex-ru-active-1" value="1" checked="checked"> <label for="complex-ru-active-1">Yes</label> <input type="radio" name="complex-ru-active" id="complex-ru-active-0" value="0"> <label for="complex-ru-active-0">No</label> </p> </div> </fieldset> <fieldset> <legend>Other informations</legend> <div class="columns"> <p class="colx2-left"> <label for="complex-ru-url">Url</label> <span class="relative"> <input type="text" name="complex-ru-url" id="complex-ru-url" value="" class="full-width error"> <span class="check-error"></span> </span> </p> <p class="colx2-right"> <label for="complex-ru-subtitle">Subtitle</label> <input type="text" name="complex-ru-subtitle" id="complex-ru-subtitle" value="" class="full-width"> </p> </div> <div class="columns"> <p class="colx2-left"> <span class="label">Access</span> <input type="checkbox" name="complex-ru-checkbox[]" id="complex-ru-checkbox-0" value="0"> <label for="complex-ru-checkbox-0">Everyone</label> <input type="checkbox" name="complex-ru-checkbox[]" id="complex-ru-checkbox-1" value="1"> <label for="complex-ru-checkbox-1">Logged users</label> <input type="checkbox" name="complex-ru-checkbox[]" id="complex-ru-checkbox-2" value="2"> <label for="complex-ru-checkbox-2">Site administrators</label> </p> <p class="colx2-right"> <label for="complex-ru-style">Style</label> <select name="complex-ru-style" id="complex-ru-style" class="full-width"> <option value="1">Standard</option> <option value="1">Full-width</option> <option value="1">3 columns</option> </select> </p> </div> </fieldset> </div> <div id="tab-jp"> <fieldset class="grey-bg"> <legend>Required fields</legend> <div class="colx3-left-double required"> <label for="complex-jp-title">Page title</label> <span class="relative"> <input type="text" name="complex-jp-title" id="complex-jp-title" value="日本語" class="full-width"> <span class="check-ok"></span> </span> </div> <div class="colx3-right"> <span class="label required">Active</span> <p class="input-height grey-bg"> <input type="radio" name="complex-jp-active" id="complex-jp-active-1" value="1" checked="checked"> <label for="complex-jp-active-1">Yes</label> <input type="radio" name="complex-jp-active" id="complex-jp-active-0" value="0"> <label for="complex-jp-active-0">No</label> </p> </div> </fieldset> <fieldset> <legend>Other informations</legend> <div class="columns"> <p class="colx2-left"> <label for="complex-jp-url">Url</label> <span class="relative"> <input type="text" name="complex-jp-url" id="complex-jp-url" value="" class="full-width error"> <span class="check-error"></span> </span> </p> <p class="colx2-right"> <label for="complex-jp-subtitle">Subtitle</label> <input type="text" name="complex-jp-subtitle" id="complex-jp-subtitle" value="" class="full-width"> </p> </div> <div class="columns"> <p class="colx2-left"> <span class="label">Access</span> <input type="checkbox" name="complex-jp-checkbox[]" id="complex-jp-checkbox-0" value="0"> <label for="complex-jp-checkbox-0">Everyone</label> <input type="checkbox" name="complex-jp-checkbox[]" id="complex-jp-checkbox-1" value="1"> <label for="complex-jp-checkbox-1">Logged users</label> <input type="checkbox" name="complex-jp-checkbox[]" id="complex-jp-checkbox-2" value="2"> <label for="complex-jp-checkbox-2">Site administrators</label> </p> <p class="colx2-right"> <label for="complex-jp-style">Style</label> <select name="complex-jp-style" id="complex-jp-style" class="full-width"> <option value="1">Standard</option> <option value="1">Full-width</option> <option value="1">3 columns</option> </select> </p> </div> </fieldset> </div> </div> <div id="tab-options"> Options </div> </div> </div> <div id="tab-settings" class="tabs-content"> Settings </div> <div id="tab-relations" class="tabs-content"> Relations </div> <div id="tab-history" class="tabs-content"> History </div> </div> <div class="col200pxL-bottom"> <p class="one-line-input grey-bg small-margin"> <label for="complex-switch-on" class="float-left">Small switch on</label> <input type="checkbox" name="complex-switch-on" id="complex-switch-on" value="1" class="mini-switch" checked="checked"> </p> <p class="one-line-input grey-bg clearfix"> <label for="complex-switch-off" class="float-left">Small switch off</label> <input type="checkbox" name="complex-switch-off" id="complex-switch-off" value="1" class="mini-switch"> </p> </div> </div> </form></div> </section> <div class="clear"></div> </article> <!-- End content --> <footer> <div class="float-right"> <a href="#top" class="button"><img src="images/icons/fugue/navigation-090.png" width="16" height="16"> Page top</a> </div> </footer> <!--[if lt IE 8]></div><![endif]--> <!--[if lt IE 9]></div><![endif]--> </body> </html>