Changeset 98 for trunk/css


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

B - pEdit formatting ticket #1

Location:
trunk/css
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/css/admin.inc.css

    r97 r98  
    77
    88/*_____________________ GLOBAL ____________________*/
    9 body
    10 {
     9body {
    1110    background: #fff;
    1211    margin: 0;
    … …  
    1615}
    1716
    18 a:link
    19 {
    20     color: #336;
    21     text-decoration: underline;
    22 }
    23 
    24 a:visited
    25 {
    26     color: #336;
    27     text-decoration: underline;
    28 }
    29 
    30 a:hover
    31 {
    32     color: #C30;
    33     text-decoration: none;
    34 }
    35 
    36 a:active
    37 {
    38     color: #336;
    39     text-decoration: none;
    40 }
     17a:link,
     18a:visited { color: #336; text-decoration: underline; }
     19a:hover   { color: #C30; text-decoration: none; }
     20a:active  { color: #336; }
    4121
    4222/*_____________________ MISC ____________________*/
    … …  
    4525
    4626/* Why does having a form change the presentation of the page? Don't do that. */
    47 form
    48 {
    49     margin: 0;
    50 }
    51 
    52 form label
    53 {
     27form { margin: 0; }
     28
     29form label {
    5430    font-size: 70%;
    5531    max-width: 25em;
    5632    font-weight: bold;
    57     /* BEAU: I added class="right" to the <TD> to make them align right as they were before. Do you know a better way? */
    58     /*float: right;*/
    59 }
    60 
    61 .help
    62 {
    63     font-size: 70%;
    64 }
    65 
    66 .commandtext
    67 {
    68     font-size: 70%;
    69 }
    70 
    71 
     33}
     34
     35.help,
     36.commandtext { font-size: 70%; }
    7237
    7338/*_____________________ HEADER ____________________*/
    74 #userinfo
    75 {
     39#userinfo {
    7640    width: 98%;
    7741    margin: 10px auto 2px;
    … …  
    8145}
    8246
    83 #userinfo p
    84 {
     47#userinfo p {
    8548    margin: 0;
    8649    padding: 0;
    … …  
    8851}
    8952
    90 #container
    91 {
     53#container {
    9254    width: 98%;
    9355    margin: 0 auto 10px;
    … …  
    9658}
    9759
    98 #top
    99 {
     60#top {
    10061    border-bottom: 1px solid gray;
    10162    background-color: #CCC;
    … …  
    10364}
    10465
    105 #top h1
    106 {
     66#top h1 {
    10767    margin: 0;
    10868    padding: 0;
    … …  
    11272
    11373/*_____________________ NAVIGATION ____________________*/
    114 #leftnav
    115 {
     74#leftnav {
    11675    float: left;
    11776    width: 9em;
    … …  
    12281}
    12382
    124 #leftnav ul
    125 {
     83#leftnav ul {
    12684    padding: 0;
    12785    margin: 0;
    … …  
    12987}
    13088
    131 #leftnav #navlist li
    132 {
     89#leftnav #navlist li {
    13390    list-style: none;
    13491    margin: 0;
    … …  
    13996}
    14097
    141 #leftnav #navlist li a
    142 {
     98#leftnav #navlist li a {
    14399    text-decoration: none;
    144100    padding: 1px;
    145101}
    146102
    147 #leftnav #navlist li.label
    148 {
     103#leftnav #navlist li.label {
    149104    color: #999;
    150105    padding-top: 10px;
    … …  
    153108}
    154109
    155 #leftnav #navlist li a:link, #navlist li a:visited
    156 {
     110#leftnav #navlist li a:link, #navlist li a:visited {
    157111    color: #336;
    158112}
    159113
    160 #leftnav #navlist li a:hover, #navlist li a:active
    161 {
     114#leftnav #navlist li a:hover, #navlist li a:active {
    162115    color: #C00;
    163116}
    164117
    165 #leftnav a.addlink
    166 {
     118#leftnav a.addlink {
    167119    margin-left: 0.5em;
    168120}
    169121
    170122/*_____________________ CONTENT ____________________*/
    171 #content
    172 {
     123#content {
    173124    margin-left: 9em;
    174125    border-left: 1px solid gray;
    … …  
    177128}
    178129
    179 #content h2
    180 {
     130#content h2 {
    181131    font-size: 100%;
    182132    margin: 0 0 .5em 0;
    183133}
    184134
    185 #content h3
    186 {
     135#content h3 {
    187136    font-size: 85%;
    188137    margin: 0 0 .5em 0;
    189138}
    190139
    191 #content h4
    192 {
    193     font-size: 70%;
    194     margin: 0 0 .5em 0;
    195 }
    196 
    197 #content p
    198 {
    199     margin: 0 0 .5em 0;
    200     font-size: 70%;
    201     /*     max-width: 36em; */
     140#content h4 {
     141    font-size: 70%;
     142    margin: 0 0 .5em 0;
     143}
     144
     145#content p {
     146    margin: 0 0 .5em 0;
     147    font-size: 70%;
    202148    line-height: 130%;
    203149}
    204150
    205 #content li
    206 {
     151#content li {
    207152    margin: 0 0 0 0;
    208153    font-size: 70%;
    209     /*     max-width: 36em; */
    210154    line-height: 100%;
    211155}
    … …  
    213157/*_____________________ TABLES ____________________*/
    214158/* BEAU: I copied this from NEXT. Please help! */
    215 table
    216 {
     159table {
    217160    border-size: 1px;
    218161    border-collapse: collapse;
    … …  
    220163}
    221164
    222 th
    223 {
     165th {
    224166    padding: 2px;
    225167    text-align: left;
    … …  
    228170}
    229171
    230 td
    231 {
     172td {
    232173    vertical-align: top;
    233174    padding: 8px 6px 0 0;
    234175}
    235176
    236 table.list
    237 {
     177table.list {
    238178    border-size: 1px;
    239179    width: 100%;
    … …  
    241181}
    242182
    243 table.list th
    244 {
     183table.list th {
    245184    padding-right: 6px;
    246185    font-size: 70%;
    … …  
    249188}
    250189
    251 table.list td
    252 {
     190table.list td {
    253191    font-size: 70%;
    254192    padding: 2px;
    … …  
    257195
    258196/* BEAU: The old stuff that was here...
    259 #content table
    260 {
     197#content table {
    261198         background-color: #FFF;
    262199}
    263200
    264 #content th
    265 {
     201#content th {
    266202    padding: 2px;
    267203    text-align: left;
    … …  
    270206}
    271207
    272 #content td
    273 {
     208#content td {
    274209    vertical-align: top;
    275210}
    276211
    277 #content table.list
    278 {
     212#content table.list {
    279213    width: 99%;
    280214    margin: 4px 0;
    … …  
    282216}
    283217
    284 #content table.list th
    285 {
     218#content table.list th {
    286219    padding-right: 6px;
    287220    font-size: 70%;
    … …  
    290223}
    291224
    292 #content table.list td
    293 {
     225#content table.list td {
    294226    font-size: 70%;
    295227    padding: 2px;
    … …  
    298230*/
    299231/*_____________________ FOOTER ____________________*/
    300 #footer
    301 {
     232#footer {
    302233    clear: both;
    303234    margin: 0;
    … …  
    311242
    312243#footer a:link,
    313 #footer a:visited
    314 {
     244#footer a:visited {
    315245    color: #333;
    316246    text-decoration: none;
    … …  
    318248
    319249#footer a:active,
    320 #footer a:hover
    321 {
     250#footer a:hover {
    322251    color: #333;
    323252    text-decoration: underline;

  • trunk/css/codebase.inc.css

    r97 r98  
    99 */
    1010
     11/*_____________________ SC Messaging ____________________*/
     12.sc-msg { font-family: verdana,geneva,arial,sans-serif; }
    1113
    12 /*_____________________ MESSAGING SYSTEM ____________________*/
    13 .codebasemsg
    14 {
    15     font-family: verdana,geneva,arial,sans-serif;
    16 }
    17 
    18 .success, .notice, .warning, .error
    19 {
     14.sc-msg-warning
     15.sc-msg-error
     16.sc-msg-success
     17.sc-msg-notice {
    2018    margin: 0 0 6px 0;
    2119    padding: 5px;
    2220    background: #fff;
    23     border: 1px solid white;
     21    color: #f00;
     22    border: 1px solid #f00;
     23}
     24.sc-msg-success { color: #090; border-color: #090; }
     25.sc-msg-notice { color: #C60; border-color: #C60; }
     26
     27/*_____________________ pEdit Forms ____________________*/
     28
     29.sc-pedit-form {}
     30
     31.sc-pedit-item,
     32.sc-pedit-buttons { margin: .75em 0; }
     33
     34#sc-pedit-versions-table {
     35    margin-bottom: .75em;
     36    border-collapse: collapse;
     37    border-spacing: 0;
    2438}
    2539
    26 .success
    27 {
    28     color: #090;
    29     border-color: #090;
     40#sc-pedit-versions-table th,
     41#sc-pedit-versions-table td {
     42    border-bottom: 1px solid #CC9;
     43    margin: 0;
     44    padding: 2px 10px;
     45    vertical-align: baseline;
    3046}
    31 
    32 .notice
    33 {
    34     color: #C60;
    35     border-color: #C60;
     47#sc-pedit-versions-table th {
     48    white-space: nowrap;
    3649}
    37 
    38 .warning, .error
    39 {
    40     color: #f00;
    41     border-color: #f00;
    42 }
    43 /* BEAU: How about a seperate class for the $fv->err() function to print?
    44 At the moment it uses the above error definition, but we could use a "form error {" one too. */
    45 
    46 
    47 /*_____________________ pEdit Forms ____________________*/
    48 #sc-pedit-form input[type="text"], textarea {
    49     width: 100%;
    50 }
    51 #sc-pedit-form textarea {
    52     height: 30em;
    53 }
    54 

  • 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.