Changeset 5174


Ignore:
Timestamp:
03/18/10 12:08:53 (10 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.