Changeset 5174


Ignore:
Timestamp:
Mar 18, 2010, 12:08:53 PM (14 years ago)
Author:
plg
Message:

make the fieldset labels easier to read (no italic, increased letter spacing,
bold)

make the fiedset border softer

photos_add 2 screens comply with the fieldset system instead of specific
formField divs.

Location:
trunk/admin/themes
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • trunk/admin/themes/clear/theme.css

    r5170 r5174  
    6161
    6262/* borders */
    63 fieldset { border: 1px solid #999; }
     63fieldset { border: 2px solid #ddd; }
    6464INPUT, SELECT, TEXTAREA { border: 1px solid #999; }
    6565input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#bbb;color: #666; }

  • trunk/admin/themes/default/default-colors.css

    r5123 r5174  
    8282
    8383LEGEND {
    84   font-style: italic;
     84  font-weight: bold;
     85  letter-spacing: 1px;
     86  padding: 0 10px;
    8587}

  • trunk/admin/themes/default/default-layout.css

    r5170 r5174  
    518518}
    519519
    520 .formField {
     520#photosAddContent FIELDSET {
    521521  width:650px;
    522522  margin:0 auto 20px auto;
    523   padding:10px;
    524   border: 2px solid #292929;
    525 }
    526 
    527 .formFieldTitle {
    528   font-weight:bold;
    529   margin-bottom:10px;
    530 }
    531 
    532 .formField P {
     523}
     524
     525#photosAddContent P {
    533526  margin:0;
    534527}
    535528
    536 .formField TH {
     529#photosAddContent TH {
    537530  text-align:right;
    538531  padding-right: 5px;
    … …  
    548541
    549542#pwgHead {
    550   background-color:#464646;
     543  background-color:#222;
    551544  height:46px;
    552545}

  • trunk/admin/themes/default/template/photos_add_direct.tpl

    r5123 r5174  
    7676</div>
    7777
     78<div id="photosAddContent">
     79
    7880{if count($setup_errors) > 0}
    7981<div class="errors">
    … …  
    106108{/if}
    107109
    108     <div class="formField">
    109       <div class="formFieldTitle">{'Drop into category'|@translate}</div>
     110    <fieldset>
     111      <legend>{'Drop into category'|@translate}</legend>
    110112     
    111113      <label><input type="radio" name="category_type" value="existing"> {'existing category'|@translate}</label>
    … …  
    137139        </table>
    138140      </div>
    139     </div>
     141    </fieldset>
    140142
    141     <div class="formField">
    142       <div class="formFieldTitle">{'Who can see these photos?'|@translate}</div>
     143    <fieldset>
     144      <legend>{'Who can see these photos?'|@translate}</legend>
    143145
    144146      <select name="level" size="1">
    145147        {html_options options=$level_options selected=$level_options_selected}
    146148      </select>
    147     </div>
     149    </fieldset>
    148150
    149     <div class="formField">
    150       <div class="formFieldTitle">{'Select files'|@translate}</div>
     151    <fieldset>
     152      <legend>{'Select files'|@translate}</legend>
    151153
    152154{if $upload_mode eq 'html'}
    … …  
    160162      </div>
    161163   
    162     </div> <!-- formField -->
     164    </fieldset>
    163165
    164166    <p>
    … …  
    176178    <div id="fileQueue"></div>
    177179
    178     </div> <!-- formField -->
     180    </fieldset>
    179181    <p>
    180182      <input class="submit" type="button" value="{'Upload'|@translate}" onclick="javascript:jQuery('#uploadify').uploadifyUpload()"/>
    … …  
    184186</form>
    185187{/if}
     188
     189</div> <!-- photosAddContent -->

  • trunk/admin/themes/default/template/photos_add_settings.tpl

    r5123 r5174  
    2424</div>
    2525
     26<div id="photosAddContent">
     27
    2628<form id="uploadFormSettings" enctype="multipart/form-data" method="post" action="{$F_ACTION}" class="properties">
    2729
    28   <div class="formField">
    29     <div class="formFieldTitle">{'Web size photo'|@translate}</div>
     30  <fieldset>
     31    <legend>{'Web size photo'|@translate}</legend>
    3032
    3133    <table>
    … …  
    4749      </tr>
    4850    </table>
    49   </div>
     51  </fieldset>
    5052
    51   <div class="formField">
    52     <div class="formFieldTitle">{'Thumbnail'|@translate}</div>
     53  <fieldset>
     54    <legend>{'Thumbnail'|@translate}</legend>
    5355
    5456    <table>
    … …  
    6668      </tr>
    6769    </table>
    68   </div>
     70  </fieldset>
    6971
    7072  <p>
    … …  
    7375
    7476</form>
     77
     78</div> <!-- photosAddContent -->

  • trunk/admin/themes/roma/theme.css

    r5172 r5174  
    6969 background-image: url(images/fillet.png); background-repeat: repeat-x; }
    7070/* borders */
    71 fieldset { border: 1px solid #666; }
     71fieldset { border: 2px solid #333; }
    7272INPUT, SELECT, TEXTAREA { border: 1px solid #666; }
    7373input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#444;color: #999; }
Note: See TracChangeset for help on using the changeset viewer.