Ignore:
Timestamp:
Apr 16, 2006 10:18:33 AM (18 years ago)
Author:
scdev
Message:

B - pEdit formatting ticket #1

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/css/utilities.inc.css

    r97 r98  
    99 */
    1010
    11 /* BEAU: I format my CSS using BBEdit's Markup->CSS->Format command. Would you like to use that as well so our code looks consistant? */
    1211/*_____________________ FORMS ____________________*/
    13 
    14 /* BEAU: Had to comment-out all generic definitions... They fucked golbon. I guess the only things to have that are safe are custom class identifiers. Maybe we should standardize on classes we define in the codebase so they never conflict with other people's css, like: codebase_small, or cb_small? */
    15 /*
    16 input, select, submit
    17 {
    18     color: #000;
    19     margin: 0 0.5em 0 0;
    20     padding: 0;
    21 }
    22 
    23 submit
    24 {
    25     font-weight: bold;
    26     margin: 0.5em;
    27 }
    28 */
    29 
    30 /*
    31 form table select, form table input
    32 {
    33     margin-top: 0;
    34 }
    35 */
    36 
    37 /*
    38 BEAU: I want more text box widths! I find need for boxes that fit 5em, 10em, 20em, and 40em widths. These should be in EMs so text can resize and still fit. Since it is useful to apply a width to other form elements to have them similar sizes (not always a text box, such as <select multiple>) I propose renaming them to "input.tiny", "input.small", "input.medium", "input.large", and "input.half" (not sure how you would do "half" in EMs however. DONE.
    39 */
    4012
    4113input.tiny, textarea.tiny, select.tiny,
    4214input.small, textarea.small, select.small,
    4315input.medium, textarea.medium, select.medium,
    44 input.large, textarea.large, select.large
    45 {
    46     margin: 0 0.5em 0 0;
    47 }
     16input.large, textarea.large, select.large       { margin: 0 0.5em 0 0; }
    4817
    49 input.tiny, textarea.tiny, select.tiny
    50 {
    51     width: 4.75em;
    52 }
     18input.tiny, textarea.tiny, select.tiny          { width: 4.75em; }
     19input.small, textarea.small, select.small       { width: 10em; }
     20input.medium, textarea.medium, select.medium    { width: 20.5em; }
     21input.large, textarea.large, select.large       { width: 41.5em; }
     22input.full, textarea.full, select.full          { width: 100%; }
     23select.small                                    { width: 10em; }
     24select.medium                                   { width: 20.5em; }
    5325
    54 input.small, textarea.small, select.small
    55 {
    56     width: 10em;
    57 }
    58 
    59 input.medium, textarea.medium, select.medium
    60 {
    61     width: 20.5em;
    62 }
    63 
    64 input.large, textarea.large, select.large
    65 {
    66     width: 41.5em;
    67 }
    68 
    69 textarea.twolines, select.twolines
    70 {
    71     height: 3em;
    72 }
    73 
    74 textarea.short, select.short
    75 {
    76     height: 8em;
    77 }
    78 
    79 textarea.tall, select.tall
    80 {
    81     height: 25em;
    82 }
    83 
    84 textarea.fullscreen, select.fullscreen
    85 {
    86     height: 40em;
    87 }
    88 
    89 /* BEAU: Should be in EMs? Also, sometimes it is nice to have the select menu be only the width as its contents. How to override this? */
    90 select.small
    91 {
    92     width: 10em;
    93 }
    94 
    95 select.medium
    96 {
    97     width: 20.5em;
    98 }
    99 
    100 /*
    101 form label
    102 {
    103     padding: 7px 0px 0px 0px;
    104     font-weight: bold;
    105 }
    106 */
    107 
    108 /* BEAU: We need a .formtext substitute...something like a label tag but not bold! Maybe use "form p { }"? */
    109 
     26textarea.twolines, select.twolines              { height: 3em; }
     27textarea.short, select.short                    { height: 8em; }
     28textarea.tall, select.tall                      { height: 25em; }
     29textarea.fullscreen, select.fullscreen          { height: 40em; }
    11030
    11131/*_____________________ COMMANDS ____________________*/
    11232
    113 /* Should this be an ID??? */
    114 #commandbox
    115 {
    116     padding: 5px;
    117     margin: 0 0 .5em 0;
    118     border: black 1px dotted;
    119     background-color: #DDD;
    120 }
    121 
    122 .commanditem
    123 {
    124     margin: 0 10px 0 0;
    125     white-space: nowrap;
    126 }
    127 
    128 .commandtext
    129 {
    130     padding-right: 1em;
    131 }
    132 
    133 .command_left
    134 {
    135     float: left;
    136     white-space: nowrap;
    137 }
    138 
    139 .command_right
    140 {
    141     position: relative;
    142     visibility: visible;
    143     white-space: nowrap;
    144     float: right;
    145 }
    146 
    14733/*_____________________ UTILITIES ____________________*/
    148 .nowrap
    149 {
    150     white-space: nowrap;
    151 }
    152 
    153 .clearboth
    154 {
    155     clear: both;
    156 }
    157 
    158 .center
    159 {
    160     text-align: center;
    161 }
    162 
    163 .right
    164 {
    165     text-align: right;
    166 }
    167 
    168 .padright
    169 {
    170     padding: 0 10px 0 0;
    171 }
    172 
    173 .padleft
    174 {
    175     padding: 0 0 0 10px;
    176 }
    177 
    178 .help
    179 {
    180     color: #666;
    181     font-weight: normal;
    182 }
    183 
    184 .monospaced
    185 {
    186     font-family: monaco, courier;
    187     font-weight: normal;
    188 }
     34.nowrap { white-space: nowrap; }
     35.clearboth { clear: both; }
     36.center { text-align: center; }
     37.right { text-align: right; }
     38.padright { padding: 0 10px 0 0; }
     39.padleft { padding: 0 0 0 10px; }
     40.help { color: #999; font-weight: normal; }
     41.monospaced { font-family: monaco, courier; font-weight: normal; }
    18942
    19043/* .pkg class wraps enclosing block element around inner floated elements */
    191 .pkg:after
    192 {
    193     content: " ";
    194     display: block;
    195     visibility: hidden;
    196     clear: both;
    197     height: 0.1px;
    198     font-size: 0.1em;
    199     line-height: 0.0;
    200 }
     44.pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.0; }
    20145* html .pkg { display: block; }
    20246/* no ie mac \*/
Note: See TracChangeset for help on using the changeset viewer.