Added proper support for font size and color
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / search.tpl
index 02e8240cc834585c916f81fe65057bfac6990aeb..2a28ff89f028f32e5b0f0d21472ea35fd9892f86 100644 (file)
@@ -1,21 +1,5 @@
-{include file='documentHeader'}
-
-<head>
-       <title>{lang}wcf.search.title{/lang} - {PAGE_TITLE|language}</title>
-       
-       {include file='headInclude'}
-</head>
-
-<body id="tpl{$templateName|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}">
-
 {include file='header'}
 
-<header class="boxHeadline">
-       <h1>{lang}wcf.search.title{/lang}</h1>
-</header>
-
-{include file='userNotice'}
-
 {include file='formError'}
 
 {if $errorMessage|isset}
 {/if}
 
 <form method="post" action="{link controller='Search'}{/link}">
-       <div class="container containerPadding marginTop">
-               <fieldset>
-                       <legend>{lang}wcf.search.general{/lang}</legend>
-                       
-                       <dl{if $errorField == 'q'} class="formError"{/if}>
-                               <dt><label for="searchTerm">{lang}wcf.search.query{/lang}</label></dt>
-                               <dd>
-                                       <input type="text" id="searchTerm" name="q" value="{$query}" class="long" maxlength="255" autofocus="autofocus" />
-                                       {if $errorField == 'q'}
-                                               <small class="innerError">
-                                                       {if $errorType == 'empty'}
-                                                               {lang}wcf.global.form.error.empty{/lang}
-                                                       {else}
-                                                               {lang}wcf.search.query.error.{@$errorType}{/lang}
-                                                       {/if}
-                                               </small>
-                                       {/if}
-                                       <label><input type="checkbox" name="subjectOnly" value="1"{if $subjectOnly == 1} checked="checked"{/if} /> {lang}wcf.search.subjectOnly{/lang}</label>
-                                       {event name='queryOptions'}
-                                       
-                                       <p><small>{lang}wcf.search.query.description{/lang}</small></p>
-                               </dd>
-                       </dl>
-                       
-                       <dl>
-                               <dt><label for="searchAuthor">{lang}wcf.search.author{/lang}</label></dt>
-                               <dd>
-                                       <input type="text" id="searchAuthor" name="username" value="{$username}" class="long" maxlength="255" autocomplete="off" />
-                                       <label><input type="checkbox" name="nameExactly" value="1"{if $nameExactly == 1} checked="checked"{/if} /> {lang}wcf.search.matchExactly{/lang}</label>
-                                       {event name='authorOptions'}
-                               </dd>
-                       </dl>
-                       
-                       <dl>
-                               <dt><label for="startDate">{lang}wcf.search.period{/lang}</label></dt>
-                               <dd>
-                                       <input type="date" id="startDate" name="startDate" value="{$startDate}" data-placeholder="{lang}wcf.date.period.start{/lang}" />
-                                       <input type="date" id="endDate" name="endDate" value="{$endDate}" data-placeholder="{lang}wcf.date.period.end{/lang}" />
-                                       {event name='periodOptions'}
-                               </dd>
-                       </dl>
-                       
-                       <dl>
-                               <dt><label for="sortField">{lang}wcf.search.sortBy{/lang}</label></dt>
-                               <dd>
+       <div class="section">
+               <dl{if $errorField == 'q'} class="formError"{/if}>
+                       <dt><label for="searchTerm">{lang}wcf.search.query{/lang}</label></dt>
+                       <dd>
+                               <input type="text" id="searchTerm" name="q" value="{$query}" class="long" maxlength="255" autofocus="autofocus" />
+                               {if $errorField == 'q'}
+                                       <small class="innerError">
+                                               {if $errorType == 'empty'}
+                                                       {lang}wcf.global.form.error.empty{/lang}
+                                               {else}
+                                                       {lang}wcf.search.query.error.{@$errorType}{/lang}
+                                               {/if}
+                                       </small>
+                               {/if}
+                               <label><input type="checkbox" name="subjectOnly" value="1"{if $subjectOnly == 1} checked="checked"{/if} /> {lang}wcf.search.subjectOnly{/lang}</label>
+                               {event name='queryOptions'}
+                               
+                               <small>{lang}wcf.search.query.description{/lang}</small>
+                       </dd>
+               </dl>
+               
+               <dl>
+                       <dt><label for="searchAuthor">{lang}wcf.search.author{/lang}</label></dt>
+                       <dd>
+                               <input type="text" id="searchAuthor" name="username" value="{$username}" class="long" maxlength="255" autocomplete="off" />
+                               <label><input type="checkbox" name="nameExactly" value="1"{if $nameExactly == 1} checked="checked"{/if} /> {lang}wcf.search.matchExactly{/lang}</label>
+                               {event name='authorOptions'}
+                       </dd>
+               </dl>
+               
+               <dl>
+                       <dt><label for="startDate">{lang}wcf.search.period{/lang}</label></dt>
+                       <dd>
+                               <input type="date" id="startDate" name="startDate" value="{$startDate}" data-placeholder="{lang}wcf.date.period.start{/lang}" />
+                               <input type="date" id="endDate" name="endDate" value="{$endDate}" data-placeholder="{lang}wcf.date.period.end{/lang}" />
+                               {event name='periodOptions'}
+                       </dd>
+               </dl>
+               
+               <dl>
+                       <dt><label for="sortField">{lang}wcf.search.sortBy{/lang}</label></dt>
+                       <dd>
+                               <label class="selectDropdown">
                                        <select id="sortField" name="sortField">
                                                <option value="relevance"{if $sortField == 'relevance'} selected="selected"{/if}>{lang}wcf.search.sortBy.relevance{/lang}</option>
                                                <option value="subject"{if $sortField == 'subject'} selected="selected"{/if}>{lang}wcf.global.subject{/lang}</option>
                                                <option value="time"{if $sortField == 'time'} selected="selected"{/if}>{lang}wcf.search.sortBy.time{/lang}</option>
                                                <option value="username"{if $sortField == 'username'} selected="selected"{/if}>{lang}wcf.search.sortBy.username{/lang}</option>
                                        </select>
-                                       
+                               </label>
+                               
+                               <label class="selectDropdown">
                                        <select name="sortOrder">
                                                <option value="ASC"{if $sortOrder == 'ASC'} selected="selected"{/if}>{lang}wcf.global.sortOrder.ascending{/lang}</option>
                                                <option value="DESC"{if $sortOrder == 'DESC'} selected="selected"{/if}>{lang}wcf.global.sortOrder.descending{/lang}</option>
                                        </select>
-                                       {event name='displayOptions'}
-                               </dd>
-                       </dl>
-                       
-                       {event name='generalFields'}
-                       
-                       <dl>
-                               <dt>{lang}wcf.search.type{/lang}</dt>
-                               <dd class="floated">
-                                       {foreach from=$objectTypes key=objectTypeName item=objectType}
-                                               {if $objectType->isAccessible()}
-                                                       <label><input id="{@'.'|str_replace:'_':$objectTypeName}" type="checkbox" name="types[]" value="{@$objectTypeName}"{if $objectTypeName|in_array:$selectedObjectTypes} checked="checked"{/if} /> {lang}wcf.search.type.{@$objectTypeName}{/lang}</label>
-                                               {/if}
-                                       {/foreach}
-                               </dd>
-                       </dl>
-               </fieldset>
+                               </label>
+                               {event name='displayOptions'}
+                       </dd>
+               </dl>
+               
+               {event name='generalFields'}
+               
+               <dl>
+                       <dt>{lang}wcf.search.type{/lang}</dt>
+                       <dd class="floated">
+                               {foreach from=$objectTypes key=objectTypeName item=objectType}
+                                       {if $objectType->isAccessible()}
+                                               <label><input id="{@'.'|str_replace:'_':$objectTypeName}" type="checkbox" name="types[]" value="{@$objectTypeName}"{if $objectTypeName|in_array:$selectedObjectTypes} checked="checked"{/if} /> {lang}wcf.search.type.{@$objectTypeName}{/lang}</label>
+                                       {/if}
+                               {/foreach}
+                       </dd>
+               </dl>
+       </div>
                
-               {event name='fieldsets'}
+       {event name='sections'}
                
-               {include file='captcha'}
+       {include file='captcha'}
                
-               {foreach from=$objectTypes key=objectTypeName item=objectType}
-                       {if $objectType->isAccessible() && $objectType->getFormTemplateName()}
-                               {assign var='__jsID' value='.'|str_replace:'_':$objectTypeName}
-                               <fieldset id="{@$__jsID}Form">
-                                       <legend>{lang}wcf.search.type.{@$objectTypeName}{/lang}</legend>
-                                       
-                                       {include file=$objectType->getFormTemplateName() application=$objectType->getApplication()}
-                                       
-                                       <script data-relocate="true">
-                                               //<![CDATA[
-                                               $(function() {
-                                                       $('#{@$__jsID}').click(function() {
-                                                               if (this.checked) $('#{@$__jsID}Form').wcfFadeIn();
-                                                               else $('#{@$__jsID}Form').wcfFadeOut();
-                                                       });
-                                                       {if !$objectTypeName|in_array:$selectedObjectTypes}$('#{@$__jsID}Form').hide();{/if}
+       {foreach from=$objectTypes key=objectTypeName item=objectType}
+               {if $objectType->isAccessible() && $objectType->getFormTemplateName()}
+                       {assign var='__jsID' value='.'|str_replace:'_':$objectTypeName}
+                       <section class="section" id="{@$__jsID}Form">
+                               <h2 class="sectionTitle">{lang}wcf.search.type.{@$objectTypeName}{/lang}</h2>
+                               
+                               {include file=$objectType->getFormTemplateName() application=$objectType->getApplication()}
+                               
+                               <script data-relocate="true">
+                                       //<![CDATA[
+                                       $(function() {
+                                               $('#{@$__jsID}').click(function() {
+                                                       if (this.checked) $('#{@$__jsID}Form').wcfFadeIn();
+                                                       else $('#{@$__jsID}Form').wcfFadeOut();
                                                });
-                                               //]]>
-                                       </script>
-                               </fieldset>
-                       {/if}
-               {/foreach}
-       </div>
+                                               {if !$objectTypeName|in_array:$selectedObjectTypes}$('#{@$__jsID}Form').hide();{/if}
+                                       });
+                                       //]]>
+                               </script>
+                       </section>
+               {/if}
+       {/foreach}
        
        <div class="formSubmit">
                <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
        </div>
 </form>
 
-{include file='footer'}
-
 <script data-relocate="true">
        //<![CDATA[
        $(function() {
        //]]>
 </script>
 
-</body>
-</html>
+{include file='footer'}