Django

Code

Changeset 9304

Show
Ignore:
Timestamp:
10/31/08 18:52:31 (2 months ago)
Author:
wilson
Message:

Consolidated contrib.admin styles by rolling layout.css and global.css directly into base.css.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • django/trunk/django/contrib/admin/media/css/base.css

    r9300 r9304  
    11/* 
    2     DJANGO Admin 
     2    DJANGO Admin styles 
    33*/ 
    44 
    5 /* Import other styles */ 
    6 @import url('global.css'); 
    7 @import url('layout.css'); 
     5body { 
     6    margin: 0; 
     7    padding: 0; 
     8    font-size: 12px; 
     9    font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; 
     10    color: #333; 
     11    background: #fff; 
     12
     13 
     14/* LINKS */ 
     15 
     16a:link, a:visited { 
     17    color: #5b80b2; 
     18    text-decoration: none; 
     19
     20 
     21a:hover { 
     22    color: #036; 
     23
     24 
     25a img { 
     26    border: none; 
     27
     28 
     29a.section:link, a.section:visited { 
     30    color: white; 
     31    text-decoration: none; 
     32
     33 
     34/* GLOBAL DEFAULTS */ 
     35 
     36p, ol, ul, dl { 
     37    margin: .2em 0 .8em 0; 
     38
     39 
     40p { 
     41    padding: 0; 
     42    line-height: 140%; 
     43
     44 
     45h1,h2,h3,h4,h5 { 
     46    font-weight: bold; 
     47
     48 
     49h1 { 
     50    font-size: 18px; 
     51    color: #666; 
     52    padding: 0 6px 0 0; 
     53    margin: 0 0 .2em 0; 
     54
     55 
     56h2 { 
     57    font-size: 16px; 
     58    margin: 1em 0 .5em 0; 
     59
     60 
     61h2.subhead { 
     62    font-weight: normal; 
     63    margin-top: 0; 
     64
     65 
     66h3 { 
     67    font-size: 14px; 
     68    margin: .8em 0 .3em 0; 
     69    color: #666; 
     70    font-weight: bold; 
     71
     72 
     73h4 { 
     74    font-size: 12px; 
     75    margin: 1em 0 .8em 0; 
     76    padding-bottom: 3px; 
     77
     78 
     79h5 { 
     80    font-size: 10px; 
     81    margin: 1.5em 0 .5em 0; 
     82    color: #666; 
     83    text-transform: uppercase; 
     84    letter-spacing: 1px; 
     85
     86 
     87ul li { 
     88    list-style-type: square; 
     89    padding: 1px 0; 
     90
     91 
     92ul.plainlist { 
     93    margin-left: 0 !important; 
     94
     95 
     96ul.plainlist li { 
     97    list-style-type: none; 
     98
     99 
     100li ul { 
     101    margin-bottom: 0; 
     102
     103 
     104li, dt, dd { 
     105    font-size: 11px; 
     106    line-height: 14px; 
     107
     108 
     109dt { 
     110    font-weight: bold; 
     111    margin-top: 4px; 
     112
     113 
     114dd { 
     115    margin-left: 0; 
     116
     117 
     118form { 
     119    margin: 0; 
     120    padding: 0; 
     121
     122 
     123fieldset { 
     124    margin: 0; 
     125    padding: 0; 
     126
     127 
     128blockquote { 
     129    font-size: 11px; 
     130    color: #777; 
     131    margin-left: 2px; 
     132    padding-left: 10px; 
     133    border-left: 5px solid #ddd; 
     134
     135 
     136code, pre { 
     137    font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; 
     138    background: inherit; 
     139    color: #666; 
     140    font-size: 11px; 
     141
     142 
     143pre.literal-block { 
     144    margin: 10px; 
     145    background: #eee; 
     146    padding: 6px 8px; 
     147
     148 
     149code strong { 
     150    color: #930; 
     151
     152 
     153hr { 
     154    clear: both; 
     155    color: #eee; 
     156    background-color: #eee; 
     157    height: 1px; 
     158    border: none; 
     159    margin: 0; 
     160    padding: 0; 
     161    font-size: 1px; 
     162    line-height: 1px; 
     163
     164 
     165/* TEXT STYLES & MODIFIERS */ 
     166 
     167.small { 
     168    font-size: 11px; 
     169
     170 
     171.tiny { 
     172    font-size: 10px; 
     173
     174 
     175p.tiny { 
     176    margin-top: -2px; 
     177
     178 
     179.mini { 
     180    font-size: 9px; 
     181
     182 
     183p.mini { 
     184    margin-top: -3px; 
     185
     186 
     187.help, p.help { 
     188    font-size: 10px !important; 
     189    color: #999; 
     190
     191 
     192p img, h1 img, h2 img, h3 img, h4 img, td img { 
     193    vertical-align: middle; 
     194
     195 
     196.quiet, a.quiet:link, a.quiet:visited { 
     197    color: #999 !important; 
     198    font-weight: normal !important; 
     199
     200 
     201.quiet strong { 
     202    font-weight: bold !important; 
     203
     204 
     205.float-right { 
     206    float: right; 
     207
     208 
     209.float-left { 
     210    float: left; 
     211
     212 
     213.clear { 
     214    clear: both; 
     215
     216 
     217.align-left { 
     218    text-align: left; 
     219
     220 
     221.align-right { 
     222    text-align: right; 
     223
     224 
     225.example { 
     226    margin: 10px 0; 
     227    padding: 5px 10px; 
     228    background: #efefef; 
     229
     230 
     231.nowrap { 
     232    white-space: nowrap; 
     233
     234 
     235/* TABLES */ 
     236 
     237table { 
     238    border-collapse: collapse; 
     239    border-color: #ccc; 
     240
     241 
     242td, th { 
     243    font-size: 11px; 
     244    line-height: 13px; 
     245    border-bottom: 1px solid #eee; 
     246    vertical-align: top; 
     247    padding: 5px; 
     248    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
     249
     250 
     251th { 
     252    text-align: left; 
     253    font-size: 12px; 
     254    font-weight: bold; 
     255
     256 
     257thead th, 
     258tfoot td { 
     259    color: #666; 
     260    padding: 2px 5px; 
     261    font-size: 11px; 
     262    background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; 
     263    border-left: 1px solid #ddd; 
     264    border-bottom: 1px solid #ddd; 
     265
     266 
     267tfoot td { 
     268    border-bottom: none; 
     269    border-top: 1px solid #ddd; 
     270
     271 
     272thead th:first-child, 
     273tfoot td:first-child { 
     274    border-left: none !important; 
     275
     276 
     277thead th.optional { 
     278    font-weight: normal !important; 
     279
     280 
     281fieldset table { 
     282    border-right: 1px solid #eee; 
     283
     284 
     285tr.row-label td { 
     286    font-size: 9px; 
     287    padding-top: 2px; 
     288    padding-bottom: 0; 
     289    border-bottom: none; 
     290    color: #666; 
     291    margin-top: -1px; 
     292
     293 
     294tr.alt { 
     295    background: #f6f6f6; 
     296
     297 
     298.row1 { 
     299    background: #EDF3FE; 
     300
     301 
     302.row2 { 
     303    background: white; 
     304
     305 
     306/* SORTABLE TABLES */ 
     307 
     308thead th a:link, thead th a:visited { 
     309    color: #666; 
     310    display: block; 
     311
     312 
     313table thead th.sorted { 
     314    background-position: bottom left !important; 
     315
     316 
     317table thead th.sorted a { 
     318    padding-right: 13px; 
     319
     320 
     321table thead th.ascending a { 
     322    background: url(../img/admin/arrow-down.gif) right .4em no-repeat; 
     323
     324 
     325table thead th.descending a { 
     326    background: url(../img/admin/arrow-up.gif) right .4em no-repeat; 
     327
     328 
     329/* ORDERABLE TABLES */ 
     330 
     331table.orderable tbody tr td:hover { 
     332    cursor: move; 
     333
     334 
     335table.orderable tbody tr td:first-child { 
     336    padding-left: 14px; 
     337    background-image: url(../img/admin/nav-bg-grabber.gif); 
     338    background-repeat: repeat-y; 
     339
     340 
     341table.orderable-initalized .order-cell, body>tr>td.order-cell { 
     342    display: none; 
     343
     344 
     345/* FORM DEFAULTS */ 
     346 
     347input, textarea, select { 
     348    margin: 2px 0; 
     349    padding: 2px 3px; 
     350    vertical-align: middle; 
     351    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
     352    font-weight: normal; 
     353    font-size: 11px; 
     354
     355 
     356textarea { 
     357    vertical-align: top !important; 
     358
     359 
     360input[type=text], input[type=password], textarea, select, .vTextField { 
     361    border: 1px solid #ccc; 
     362
     363 
     364/* FORM BUTTONS */ 
     365 
     366.button, input[type=submit], input[type=button], .submit-row input { 
     367    background: white url(../img/admin/nav-bg.gif) bottom repeat-x; 
     368    padding: 3px; 
     369    color: black; 
     370    border: 1px solid #bbb; 
     371    border-color: #ddd #aaa #aaa #ddd; 
     372
     373 
     374.button:active, input[type=submit]:active, input[type=button]:active { 
     375    background-image: url(../img/admin/nav-bg-reverse.gif); 
     376    background-position: top; 
     377
     378 
     379.button.default, input[type=submit].default, .submit-row input.default { 
     380    border: 2px solid #5b80b2; 
     381    background: #7CA0C7 url(../img/admin/default-bg.gif) bottom repeat-x; 
     382    font-weight: bold; 
     383    color: white; 
     384    float: right; 
     385
     386 
     387.button.default:active, input[type=submit].default:active { 
     388    background-image: url(../img/admin/default-bg-reverse.gif); 
     389    background-position: top; 
     390
     391 
     392/* MODULES */ 
     393 
     394.module { 
     395    border: 1px solid #ccc; 
     396    margin-bottom: 5px; 
     397    background: white; 
     398
     399 
     400.module p, .module ul, .module h3, .module h4, .module dl, .module pre { 
     401    padding-left: 10px; 
     402    padding-right: 10px; 
     403
     404 
     405.module blockquote { 
     406    margin-left: 12px; 
     407
     408 
     409.module ul, .module ol { 
     410    margin-left: 1.5em; 
     411
     412 
     413.module h3 { 
     414    margin-top: .6em; 
     415
     416 
     417.module h2, .module caption, .inline-group h2 { 
     418    margin: 0; 
     419    padding: 2px 5px 3px 5px; 
     420    font-size: 11px; 
     421    text-align: left; 
     422    font-weight: bold; 
     423    background: #7CA0C7 url(../img/admin/default-bg.gif) top left repeat-x; 
     424    color: white; 
     425
     426 
     427.module table { 
     428    border-collapse: collapse; 
     429
     430 
     431/* MESSAGES & ERRORS */ 
     432 
     433ul.messagelist { 
     434    padding: 0 0 5px 0; 
     435    margin: 0; 
     436
     437 
     438ul.messagelist li { 
     439    font-size: 12px; 
     440    display: block; 
     441    padding: 4px 5px 4px 25px; 
     442    margin: 0 0 3px 0; 
     443    border-bottom: 1px solid #ddd; 
     444    color: #666; 
     445    background: #ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat; 
     446
     447 
     448.errornote { 
     449    font-size: 12px !important; 
     450    display: block; 
     451    padding: 4px 5px 4px 25px; 
     452    margin: 0 0 3px 0; 
     453    border: 1px solid red; 
     454    color: red; 
     455    background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; 
     456
     457 
     458ul.errorlist { 
     459    margin: 0 !important; 
     460    padding: 0 !important; 
     461
     462 
     463.errorlist li { 
     464    font-size: 12px !important; 
     465    display: block; 
     466    padding: 4px 5px 4px 25px; 
     467    margin: 0 0 3px 0; 
     468    border: 1px solid red; 
     469    color: white; 
     470    background: red url(../img/admin/icon_alert.gif) 5px .3em no-repeat; 
     471
     472 
     473td ul.errorlist { 
     474    margin: 0 !important; 
     475    padding: 0 !important; 
     476
     477 
     478td ul.errorlist li { 
     479    margin: 0 !important; 
     480
     481 
     482.errors { 
     483    background: #ffc; 
     484
     485 
     486.errors input, .errors select { 
     487    border: 1px solid red; 
     488
     489 
     490div.system-message { 
     491    background: #ffc; 
     492    margin: 10px; 
     493    padding: 6px 8px; 
     494    font-size: .8em; 
     495
     496 
     497div.system-message p.system-message-title { 
     498    padding: 4px 5px 4px 25px; 
     499    margin: 0; 
     500    color: red; 
     501    background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; 
     502
     503 
     504.description { 
     505    font-size: 12px; 
     506    padding: 5px 0 0 12px; 
     507
     508 
     509/* BREADCRUMBS */ 
     510 
     511div.breadcrumbs { 
     512    background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x; 
     513    padding: 2px 8px 3px 8px; 
     514    font-size: 11px; 
     515    color: #999; 
     516    border-top: 1px solid white; 
     517    border-bottom: 1px solid #ccc; 
     518    text-align: left; 
     519
     520 
     521/* ACTION ICONS */ 
     522 
     523.addlink { 
     524    padding-left: 12px; 
     525    background: url(../img/admin/icon_addlink.gif) 0 .2em no-repeat; 
     526
     527 
     528.changelink { 
     529    padding-left: 12px; 
     530    background: url(../img/admin/icon_changelink.gif) 0 .2em no-repeat; 
     531
     532 
     533.deletelink { 
     534    padding-left: 12px; 
     535    background: url(../img/admin/icon_deletelink.gif) 0 .25em no-repeat; 
     536
     537 
     538a.deletelink:link, a.deletelink:visited { 
     539    color: #CC3434; 
     540
     541 
     542a.deletelink:hover { 
     543    color: #993333; 
     544
     545 
     546/* OBJECT TOOLS */ 
     547 
     548.object-tools { 
     549    font-size: 10px; 
     550    font-weight: bold; 
     551    font-family: Arial,Helvetica,sans-serif; 
     552    padding-left: 0; 
     553    float: right; 
     554    position: relative; 
     555    margin-top: -2.4em; 
     556    margin-bottom: -2em; 
     557
     558 
     559.form-row .object-tools { 
     560    margin-top: 5px; 
     561    margin-bottom: 5px; 
     562    float: none; 
     563    height: 2em; 
     564    padding-left: 3.5em; 
     565
     566 
     567.object-tools li { 
     568    display: block; 
     569    float: left; 
     570    background: url(../img/admin/tool-left.gif) 0 0 no-repeat; 
     571    padding: 0 0 0 8px; 
     572    margin-left: 2px; 
     573    height: 16px; 
     574
     575 
     576.object-tools li:hover { 
     577    background: url(../img/admin/tool-left_over.gif) 0 0 no-repeat; 
     578
     579 
     580.object-tools a:link, .object-tools a:visited { 
     581    display: block; 
     582    float: left; 
     583    color: white; 
     584    padding: .1em 14px .1em 8px; 
     585    height: 14px; 
     586    background: #999 url(../img/admin/tool-right.gif) 100% 0 no-repeat; 
     587
     588 
     589.object-tools a:hover, .object-tools li:hover a { 
     590    background: #5b80b2 url(../img/admin/tool-right_over.gif) 100% 0 no-repeat; 
     591
     592 
     593.object-tools a.viewsitelink, .object-tools a.golink { 
     594    background: #999 url(../img/admin/tooltag-arrowright.gif) top right no-repeat; 
     595    padding-right: 28px; 
     596
     597 
     598.object-tools a.viewsitelink:hover, .object-tools a.golink:hover { 
     599    background: #5b80b2 url(../img/admin/tooltag-arrowright_over.gif) top right no-repeat; 
     600
     601 
     602.object-tools a.addlink { 
     603    background: #999 url(../img/admin/tooltag-add.gif) top right no-repeat; 
     604    padding-right: 28px; 
     605
     606 
     607.object-tools a.addlink:hover { 
     608    background: #5b80b2 url(../img/admin/tooltag-add_over.gif) top right no-repeat; 
     609
     610 
     611/* OBJECT HISTORY */ 
     612 
     613table#change-history { 
     614    width: 100%; 
     615
     616 
     617table#change-history tbody th { 
     618    width: 16em; 
     619
     620 
     621/* PAGE STRUCTURE */ 
     622 
     623#container { 
     624    position: relative; 
     625    width: 100%; 
     626    min-width: 760px; 
     627    padding: 0; 
     628
     629 
     630#content { 
     631    margin: 10px 15px; 
     632
     633 
     634#header { 
     635    width: 100%; 
     636
     637 
     638#content-main { 
     639    float: left; 
     640    width: 100%; 
     641
     642 
     643#content-related { 
     644    float: right; 
     645    width: 18em; 
     646    position: relative; 
     647    margin-right: -19em; 
     648
     649 
     650#footer { 
     651    clear: both; 
     652    padding: 10px; 
     653
     654 
     655/* COLUMN TYPES */ 
     656 
     657.colMS { 
     658    margin-right: 20em !important; 
     659
     660 
     661.colSM { 
     662    margin-left: 20em !important; 
     663
     664 
     665.colSM #content-related { 
     666    float: left; 
     667    margin-right: 0; 
     668    margin-left: -19em; 
     669
     670 
     671.colSM #content-main { 
     672    float: right; 
     673
     674 
     675.popup .colM { 
     676    width: 95%; 
     677
     678 
     679.subcol { 
     680    float: left; 
     681    width: 46%; 
     682    margin-right: 15px; 
     683
     684 
     685.dashboard #content { 
     686    width: 500px; 
     687
     688 
     689/* HEADER */ 
     690 
     691#header { 
     692    background: #417690; 
     693    color: #ffc; 
     694    overflow: hidden; 
     695
     696 
     697#header a:link, #header a:visited { 
     698    color: white; 
     699
     700 
     701#header a:hover { 
     702    text-decoration: underline; 
     703
     704 
     705#branding h1 { 
     706    padding: 0 10px; 
     707    font-size: 18px; 
     708    margin: 8px 0; 
     709    font-weight: normal; 
     710    color: #f4f379; 
     711
     712 
     713#branding h2 { 
     714    padding: 0 10px; 
     715    font-size: 14px; 
     716    margin: -8px 0 8px 0; 
     717    font-weight: normal; 
     718    color: #ffc; 
     719
     720 
     721#user-tools { 
     722    position: absolute; 
     723    top: 0; 
     724    right: 0; 
     725    padding: 1.2em 10px; 
     726    font-size: 11px; 
     727    text-align: right; 
     728
     729 
     730/* SIDEBAR */ 
     731 
     732#content-related h3 { 
     733    font-size: 12px; 
     734    color: #666; 
     735    margin-bottom: 3px; 
     736
     737 
     738#content-related h4 { 
     739    font-size: 11px; 
     740
     741 
     742#content-related .module h2 { 
     743    background: #eee url(../img/admin/nav-bg.gif) bottom left repeat-x; 
     744    color: #666; 
     745
     746 
  • django/trunk/django/contrib/admin/media/css/login.css

    r9299 r9304  
    11@import url('base.css'); 
    2 @import url('layout.css'); 
    32 
    43/* LOGIN FORM */