Changeset 942

Show
Ignore:
Timestamp:
02/12/07 15:54:25 (2 years ago)
Author:
ben
Message:

Rejigged, sturdier, happier admin panel including a visual installer. The error messages given when Elgg doesn't have config.php or .htaccess are now a lot friendlier, and try to point users in the right direction.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • devel/INSTALL

    r921 r942  
    95953. SETTING UP ELGG 
    9696 
     97NB: you can ignore everything from here on in if you want to use the 
     98visual installer. To do this, just call up the web directory you used 
     99to install Elgg, and follow the instructions on-screen. The direct 
     100URL for the installer is http://[your elgg install location]/_elggadmin. 
    97101 
    981023.1 Edit config.php 

  • devel/_elggadmin/HEADER

    r603 r942  
    88<div id="container"><!-- start container --> 
    99<div id="header"><!-- start header --> 
    10 <p>Elgg - administration panel</p> 
     10<h1>Elgg - administration panel</h1> 
    1111</div><!-- end header --> 

  • devel/_elggadmin/admin.css

    r758 r942  
    11/* 
    2     CSS for Elgg default 
    3 */ 
    4  
    5 body{ 
     2    CSS for default Elgg Admin 
     3*/ 
     4 
     5/* globals */ 
     6 
     7body { 
    68    padding: 0; 
    79    margin:0; 
    …… 
    1113    background: #eee url(bg2.gif); 
    1214    width:100%; 
    13        font-size:90%; 
    14        line-height:1.6em; 
    15        margin: auto; 
     15 font-size:90%; 
     16 line-height:1.6em; 
     17 margin: auto; 
    1618    } 
    1719 
    …… 
    8486 
    8587.checkbox { 
    86        background: #fff; 
    87        border: none; 
    88        margin: 0; 
    89        padding: 0; 
     88 background: #fff; 
     89 border: none; 
     90 margin: 0; 
     91 padding: 0; 
    9092} 
    9193 
    9294label { 
    93         margin: 0; 
    94         padding: 0; 
    95 } 
    96  
    97 /*--------------------------------------- 
     95 margin: 0; 
     96 padding: 0; 
     97} 
     98 
     99input { 
     100   width:500px; 
     101   font-size: 1.4em; 
     102   font-weight:normal; 
     103} 
     104 
     105textarea { 
     106   background-color: #FFF; 
     107   color: #000; 
     108   border: 1px solid #CCC; 
     109   font-size: 1em; 
     110   padding: 3px; 
     111                    margin: 0 0 5px; 
     112                    width:95%; 
     113                    height:200px; 
     114  } 
     115 
     116.button { 
     117  padding:2px; 
     118  font-size:16px; 
     119  width:50px; 
     120} /*--- search 'go' button ---*/ 
     121 
     122/* 
    98123Wraps the entire page  
    99 -----------------------------------------*/ 
     124*/ 
    100125 
    101126#container { 
    102127    width: 97%; 
    103128    min-width: 750px; 
    104         padding:0px; 
    105         margin:0px; 
    106         border:1px solid #ccc; 
    107         background:#fff; 
    108         margin: 10 auto; 
    109     } 
    110  
    111  
    112 /*----------------------------------------- 
    113 TOP STATUS BAR  
    114 -------------------------------------------*/ 
    115  
    116 #statusbar { 
    117     padding: 3px 0px 2px 0; 
    118     margin: 0px; 
    119     height:19px; 
    120     background:#aaaaaa; 
    121     color: #fff; 
    122    font-size:80%; 
    123    width: 100%; 
    124 } 
    125  
    126 #statusbar a { 
    127     color: #fff; 
    128     background:#aaaaaa; 
    129 } 
    130  
    131 #statusbar p { 
    132    color;#fff; 
    133 } 
    134  
    135 #welcome { 
    136     float: left; 
    137 } 
    138  
    139 #welcome p{ 
    140     font-weight:bold; 
    141        font-size:110%; 
    142     padding:0 0 0 4px; 
    143     margin:0px; 
    144     color:#fff; 
    145 } 
    146  
    147 #global_menuoptions { 
    148     text-align: right; 
    149     padding:0 10px 0 0; 
    150     margin:0px; 
    151     float:right; 
    152 } 
    153  
    154 #global_menuoptions ul { 
    155     margin: 0;  
    156     padding: 0; 
    157 } 
    158  
    159 #global_menuoptions li { 
    160     margin: 0;  
    161     padding: 0; 
    162     display: inline; 
    163     list-style-type: none; 
    164     border: none; 
    165 } 
    166  
    167 #global_menuoptions a { 
    168     text-decoration: none; 
    169 } 
    170  
    171 #global_menuoptions a:hover{ 
    172     text-decoration:underline; 
    173 } 
    174  
    175  
    176 /*--------------------------------------------- 
     129 padding:0px; 
     130 margin:0px; 
     131 border:1px solid #ccc; 
     132 background:#fff; 
     133 margin: 10 auto; 
     134    } 
     135 
     136/* 
    177137HEADER  
    178 ------------------------------------------------*/ 
     138*/ 
    179139 
    180140#header { 
    …… 
    185145    margin: 0px; 
    186146    text-align: left; 
    187        height:60px; 
     147 height:60px; 
    188148    } 
    189149 
    190150#header h1 { 
    191     padding: 0 0 4px 0; 
    192     margin: 7px 0 0 0px; 
    193     color:#017FBC; 
    194         font-size:1.4em; 
    195     background: #fff; 
    196     text-align: left; 
    197     font-weight:normal; 
    198     }     
    199  
    200 #header h2 { 
    201     padding: 0 0 7px 0; 
    202     margin: 0 0 0 0px; 
    203     font-weight: normal; 
    204     color: #000; 
    205     background: #fff; 
    206     border: none; 
    207     font-family: "Lucida Grande", arial, sans-serif; 
    208        font-size:120%; 
    209     }  
    210  
    211 #header p { 
    212151    padding: 10px 0 4px 15px; 
    213152    margin: 0; 
    214153    color:#017FBC; 
    215        font-size:1.4em; 
     154 font-size:1.4em; 
    216155    background: #fff; 
    217156    text-align: left; 
    218157    font-weight:bold; 
    219     } 
    220  
    221 #header p a { 
    222    color: #888; 
    223     background: #fff; 
    224         font-size:70%; 
    225         padding:0px; 
    226         margin:-20 10px 0 0px; 
    227 } 
    228  
    229 #go_home p a{ 
    230   background:#F7DAD8; 
    231     text-align: center; 
    232     padding:2px; 
    233         border:1px solid #D3322A; 
    234         border-bottom:1px solid #D3322A; 
    235         font-size:0.7em; 
    236         float:right; 
    237 } 
    238  
    239 #go_home p a:hover { 
    240    border-top:1px solid #017FBC; 
    241    border-bottom:1px solid #017FBC; 
    242    background:#eee; 
    243   } 
    244  
    245 /*-------------------------------------------- 
     158    }     
     159 
     160/* 
    246161NAVIGATION  
    247 ----------------------------------------------*/ 
     162*/ 
    248163 
    249164#navigation { 
    …… 
    299214} 
    300215 
    301 /*----------------------------------------------- 
     216/* 
    302217SITE CONTENT WRAPPER  
    303 -------------------------------------------------*/ 
     218*/ 
    304219 
    305220#content { 
    …… 
    311226    background-color: #fff; 
    312227    color:#000; 
    313        font-size:90%; 
    314        min-height:300px; 
     228 font-size:90%; 
     229 min-height:300px; 
    315230} 
    316231 
    …… 
    321236 } 
    322237 
    323  #sub_menu { 
    324     font-family: verdana; 
    325     padding: 0px; 
    326     margin: 5px 0 20px 0; 
    327     color: #000; 
    328     background-color:#fff; 
    329 } 
    330  
    331 #content #sub_menu a { 
    332     font-weight:bold; 
    333     margin:0px; 
    334     padding:0px; 
    335 } 
    336  
    337 #content #sub_menu a:hover { 
    338     text-decoration: underline; 
    339 } 
    340  
    341 #content #sub_menu a.active { 
    342    text-decoration:underline; 
    343  } 
    344  
    345 #content #sub_menu p { 
    346       margin:0px; 
    347       padding:0px; 
    348 } 
    349  
    350 #content table p { 
    351     padding:0; 
    352     margin:0; 
    353 } 
    354  
    355 /*------------------------------------------ 
     238/* 
    356239  FOOTER  
    357   ------------------------------------------*/ 
     240*/ 
    358241 
    359242#footer { 
    …… 
    361244    text-align: center; 
    362245    padding:0px; 
    363        border-top:1px solid #ccc; 
    364        border-bottom:1px solid #ccc; 
    365        font-size:0.8em; 
    366        width: 45em; 
    367        margin: 10 auto; 
     246 border-top:1px solid #ccc; 
     247 border-bottom:1px solid #ccc; 
     248 font-size:0.8em; 
     249 width: 45em; 
     250 margin: 10 auto; 
    368251} 
    369252 
    …… 
    376259} 
    377260 
    378 /*--------------------------------------- 
    379   SYSTEM MESSAGES  
    380   ---------------------------------------*/ 
    381  
    382 #system_message{  
    383     border:1px solid #D3322A; 
     261/* 
     262  Important warning messages 
     263*/ 
     264 
     265.important{  
    384266    background:#F7DAD8; 
    385267    color:#000; 
    386     padding:3px 50px; 
    387     margin:0 0 0 20px; 
    388 } 
    389  
    390 #system_message p{ 
    391    padding:0px; 
    392    margin:2px; 
     268} 
     269 
     270.important p{ 
    393271 } 
    394272 
    395 /* -------------  help files -------------*/ 
    396  
    397 .helpfiles ul { 
    398     font-family: arial, helvetica, Tahoma; 
    399     color: #000000; 
    400     background:#fff; 
    401 } 
    402  
    403 .helpfiles h4 { 
    404   
    405 } 
    406  
    407 /*------ site news for home.php ---------*/ 
    408  
    409 .sitenews { 
    410      background:#ebebeb; 
    411      color:#000; 
    412 } 
    413  
    414 .sitenews h2 { 
    415      background:#1181AA; 
    416      color:#FAC83D; 
    417      padding:0 0 5px 0; 
    418 } 
    419  
    420 /*------------------------------------- 
    421   Input forms 
    422 --------------------------------------*/ 
    423  
    424 .textarea { 
    425     border: 1px solid #7F9DB9; 
    426     color:#71717B; 
    427     width: 95%; 
    428        height:200px; 
    429     padding:3px; 
    430 } 
    431  
    432 .medium_textarea { 
    433    width:95%; 
    434    height:100px; 
    435 } 
    436  
    437 .small_textarea { 
    438     width:95%; 
    439 } 
    440  
    441 .keywords_textarea { 
    442     width:95%; 
    443     height:100px; 
    444 } 
    445  
    446  
    447 /*-------------------------------------- 
     273 
     274/* 
     275 System messages 
     276*/ 
     277 
     278#messages { 
     279 text-align:left; 
     280 background:#E7EDF3; 
     281 border:1px solid #87B2E1; 
     282 padding:10px; 
     283 margin:10px; 
     284} 
     285 
     286#messages ul { 
     287  margin:0; 
     288  padding:0; 
     289} 
     290 
     291#messages li { 
     292  list-style:none; 
     293} 
     294 
     295/* 
    448296   MISC  
    449 --------------------------------------*/ 
     297*/ 
    450298 
    451299.clearall { 
    …… 
    454302    font-size: 0px; 
    455303    } 
    456  
    457 /*--- New Classes ---*/ 
    458  
    459 /*-------------------------------------------- 
    460 Input displays / text areas / buttons etc 
    461 ---------------------------------------------*/ 
    462  
    463 #login_pane { 
    464         background: #fff url(/images/bg.gif); 
    465         border: 1px solid #ccc; 
    466         margin: 4em auto; 
    467         padding: 1.5em; 
    468         width: 35em; 
    469 } 
    470  
    471 #login_pane h1 { 
    472         background: #fff; 
    473         margin-top: 0; 
    474         color:#017FBC; 
    475         font-size:1.4em; 
    476 } 
    477  
    478 #login_pane #site_name h1 { 
    479         background: #fff; 
    480         margin-top: 0; 
    481         border-bottom:1px solid #ccc; 
    482         color:#017FBC; 
    483         font-size:1.4em; 
    484         text-align:right; 
    485 } 
    486  
    487 #login_pane input { 
    488         padding: 3px; 
    489 } 
    490  
    491 #login_pane #username, #login_pane #password { 
    492         font-size: 1.7em; 
    493         width: 80%; 
    494 } 
    495  
    496 #login_pane #submit { 
    497         font-size: 1.7em; 
    498 } 
    499  
    500 #login_pane a:hover { 
    501     text-decoration:underline; 
    502 } 
    503  
    504 form, label input { 
    505         margin: 0; 
    506         padding: 0; 
    507 } 
    508  
    509 input { 
    510                         background-color: #FFF; 
    511                         color: #000; 
    512                         border: 1px solid #CCC; 
    513                         font-size: 1.4em; 
    514                         padding: 3px; 
    515                     margin: 0 0 5px; 
    516                     font-family:Verdana, Arial, Helvetica, sans-serif; 
    517                 } 
    518  
    519 input.big_input{font-size:1.6em; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px; color:#000; width:70%;} /*--- Edit user details page ---*/ 
    520  
    521 input.large{font-size:1.4em; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px; color:#000; width:95%;} /*--- Profile items / blog title area ---*/  
    522  
    523 input.small{font-size:0.9em;} 
    524  
    525 input:hover, input select:hover, input textbox:hover { 
    526         background-color: #F0F8FF; 
    527 } 
    528  
    529 input:focus { 
    530    background-color: #F0F8FF; 
    531    border-color:#777; 
    532 } 
    533  
    534 textarea { 
    535                         background-color: #FFF; 
    536                         color: #000; 
    537                         border: 1px solid #CCC; 
    538                         font-size: 1em; 
    539                         padding: 3px; 
    540                     margin: 0 0 5px; 
    541                     width:95%; 
    542                     height:200px; 
    543                 } 
    544  
    545 textarea.editor{ 
    546          height:200px; 
    547 } /*-- used to size the HTML editor ------*/ 
    548  
    549 textarea.keywords { 
    550          height:30px; 
    551 } /*--- Used to size any keyword fields; keywords, likes, interests, skills, who like to... ---*/ 
    552  
    553 textarea:hover { 
    554         background-color: #F0F8FF; 
    555 } 
    556  
    557 textarea:focus { 
    558    background-color: #F0F8FF; 
    559    border-color:#777; 
    560 } 
    561  
    562 label { 
    563   font-size:100%; 
    564 } 
    565  
    566 .submit_button { 
    567     font-size:15px; 
    568     padding:5px 15px 5px 15px; 
    569     margin:0px; 
    570     border:1px solid #777; 
    571     border-bottom:2px solid #777; 
    572     border-right:2px solid #777; 
    573     font-weight:bold; 
    574 } 
    575  
    576 .submit_button:hover { 
    577        background:#FCD63F; 
    578        color:#000; 
    579 } 
    580  
    581 .button { 
    582   padding:2px; 
    583   font-size:16px; 
    584 } /*--- search 'go' button ---*/ 
    585  
    586 .submit input, .submit input:focus, .button { 
    587         background: url( /images/fade-back.png ); 
    588         border: 3px double #999; 
    589         border-left-color: #ccc; 
    590         border-top-color: #ccc; 
    591         color: #333; 
    592         padding: 0.25em; 
    593 } 
    594  
    595 .submit input:active, .button:active { 
    596         background: #f4f4f4; 
    597         border: 3px double #ccc; 
    598         border-left-color: #999; 
    599         border-top-color: #999; 
    600 } 
    601  
    602 /*--- New widget classes for front page/dashboard placement ---*/ 
    603  
    604 #profile { 
    605    border:1px solid #EEE; 
    606   background:#F7F7F7; /*#fff;*/ 
    607  font-size:85%; 
    608  } 
    609  
    610 #profile p { 
    611     padding:2px; 
    612    margin:0px; 
    613 } 
    614  
    615 #profile img { 
    616     margin:4px; 
    617 } 
    618  
    619 #profile h2 { 
    620    background:#EEE; 
    621   color:#666; 
    622   padding:2px 2px 2px 4px; 
    623   font-size:100%; 
    624 } 
    625  
    626 #news_feed { 
    627    border:1px solid #E1E7EC; 
    628   background:#EFF5FF; 
    629  font-size:85%; 
    630  } 
    631  
    632 #news_feed a{ 
    633   background:#EFF5FF; 
    634 } 
    635  
    636 #news_feed p { 
    637     padding:2px; 
    638    margin:0px; 
    639 } 
    640  
    641 #news_feed img { 
    642     margin:2px; 
    643 } 
    644  
    645 #news_feed h2 { 
    646    background:#E1E7EC; 
    647   color:#666; 
    648   padding:2px 2px 2px 4px; 
    649   font-size:100%; 
    650   margin:0px; 
    651 } 
    652  
    653 #news_feed h3 { 
    654    background:#E1E7EC; 
    655   color:#666; 
    656   padding:2px 2px 2px 4px; 
    657   margin:5px 0 5px 0; 
    658 } 
    659  
    660 #welcome_message { 
    661    background:#EFF5FF; 
    662    border:1px solid #000; 
    663  } 
    664  
    665 #welcome_message h1 {  
    666       padding:0 0 0 10px; 
    667 } 
    668  
    669 #welcome_message p { 
    670     padding:10px 0 10px 10px; 
    671 } 
    672  
    673 #welcome_message a { 
    674     background:#eff5ff; 
    675         text-decoration:underline; 
    676 } 
    677  
    678 #widget_stats { 
    679   background:#eee; 
    680   border:1px solid #eee; 
    681   padding:4px; 
    682   margin:5px; 
    683  } 
    684  
    685 #widget_login{ 
    686   background:#fff; 
    687   border:1px solid #eee; 
    688   padding:4px; 
    689   margin:5px; 
    690  } 
    691  
    692 #widget_search { 
    693   background:#eee; 
    694   border:1px solid #eee; 
    695   padding:4px; 
    696   margin:5px; 
    697  } 
    698  
    699 /*----------------------------------------------- 
    700 Edit Dashboard widgets 
    701 ------------------------------------------------*/ 
    702  
    703 .dash_widgets { 
    704    background:#EFF5FF; 
    705    border:1px solid #ccc; 
    706    font-size:80%; 
    707  } 
    708  
    709 .dash_widgets h2 { 
    710    font-size:1.1em; 
    711    text-align:center; 
    712    background:#EFF5FF; 
    713   } 
    714  
    715 .dash_widgets ul li { 
    716    background:#EFF5FF; 
    717  } 
    718   
    719 .dash_widgets a { 
    720    background:#eff5ff; 
    721    padding:0 0 0 5px; 
    722 } 
    723  
    724 .widget_button { 
    725    text-align:center; 
    726    margin:0 0 0 30px; 
    727    width:60%; 
    728    font-size:1.2em; 
    729  } 
    730  
    731 .widget_button:hover { 
    732    background:#F7DAD8; 
    733  } 
    734  
    735 /*------------------------------------------------------ 
    736 Preview area 
    737 --------------------------------------------------------*/ 
    738  
    739 #preview{ 
    740    border:1px solid #ccc; 
    741    overflow-y: scroll; 
    742    height:400px; 
    743    padding:0 0 0 10px; 
    744 } 
    745  
    746 /*------------------------------------------------------ 
    747 Edit personal details 
    748 ------------------------------------------------------*/ 
    749  
    750 .user_date { 
    751     font: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; 
    752 } /*--- used to apply style to the new edit details class, title followed by the entry box ---*/ 
    753  
    754 .edit_personal { 
    755    border:1px solid #ccc; 
    756    width:60%; 
    757    padding:0 10px 0 10px; 
    758 } /*--- Used to apply style to the various areas on the edit user details page ---*/ 
    759  
    760 .edit_personal h2 { 
    761     font-size:130%; 
    762     border-bottom:1px solid #ccc; 
    763     margin:0 0 7px 0; 
    764 } 
    765  
    766 .edit_personal p { 
    767     margin:10px 0 20px 0; 
    768 } 
    769  
    770 /*---------------------------------------------------- 
    771 Warnings 
    772 -----------------------------------------------------*/ 
    773  
    774 #edit_mode { 
    775   background:#F7DAD8; 
    776     text-align: center; 
    777     padding:2px; 
    778         margin:4px 4px 10px 4px; 
    779         border-top:1px solid #D3322A; 
    780         border-bottom:1px solid #D3322A; 
    781         font-size:0.9em; 
    782         width:25em; 
    783         margin: 0 auto; 
    784 } 
    785  
    786 #edit_mode h1{ 
    787     padding:0px; 
    788         margin:0px; 
    789 } 
    790  
    791 /*---------------------------------------------------- 
    792 Edit/Post blogs 
    793 -----------------------------------------------------*/ 
    794  
    795 /*------------------------------------------- 
    796 SIDEBAR CONTAINER  
    797 ---------------------------------------------*/ 
    798  
    799 #sidebar_container { 
    800     margin: 0px; 
    801     text-align: left; 
    802     float: right; 
    803     width: 26%; 
    804        min-width: 100px; 
    805     border-left: 1px dotted #dcdcdc; 
    806     padding: 0 10px; 
    807   /*width:220px;*/ 
    808       /*overflow: hidden;*/ 
    809     } 
    810  
    811 /*----------------------------------------- 
    812 ACTUAL SIDEBAR CONTENT 
    813 -------------------------------------------*/ 
    814  
    815 #sidebar { 
    816 min-width: 100px; 
    817     padding: 0 10px; 
    818     } 
    819  
    820 #sidebar ul { 
    821     margin: 0; 
    822     padding: 0; 
    823     list-style: none; 
    824 } 
    825  
    826 #sidebar ul li ul { 
    827      
    828 } 
    829  
    830 #sidebar ul li { 
    831     margin: 10px 0; 
    832     padding-left: 5px; 
    833 } 
    834  
    835  
    836 #sidebar h2 { 
    837     font-family: "Lucida Grande", arial, sans-serif; 
    838     font-weight: bold; 
    839     color: #333; 
    840        background:#fff; 
    841     margin: 20px 0 3px 0; 
    842     padding: 0; 
    843     border: none; 
    844 } 
    845  
    846 #sidebar h2 { 
    847     border-bottom: 1px solid #666;  
    848 } 
    849  
    850 /*---- header plus one row of content ------*/ 
    851  
    852 .databox_vertical { 
    853    background-color: #F9F9F9; 
    854    color:#000; 
    855    border:1px; 
    856    border-style:solid; 
    857    border-color:#DDD; 
    858    margin:0 0 5px 0; 
    859    padding:5px; 
    860  } 
    861  
    862  .databox_vertical p{ 
    863    padding:0px; 
    864    margin:0px; 
    865    color:#1181AA; 
    866    background:#fff; 
    867  } 
    868  
    869 .databox_vertical .fieldname h3 { 
    870   padding:0px; 
    871   margin:0px; 
    872   color:#1181AA; 
    873   background:#fff; 
    874 } 
    875  
    876 .blog_options a { 
    877     background:#ebebeb; 
    878     color:#000; 
    879     font-weight:bold; 
    880     padding:3px; 
    881     border:1px solid #000; 
    882     width:90%; 
    883     margin:0px 0 3px 0; 
    884     display:block; 
    885     text-align:center; 
    886         font-size:0.8em; 
    887 } 
    888  
    889 .blog_options a:hover { 
    890       background:#fff; 
    891 } 
    892  
    893 .blog_access { 
    894     border:1px solid #777; 
    895     padding:0px; 
    896     margin:0px; 
    897         font-size:0.8em; 
    898 } 
    899  
    900 .blog_access h4 { 
    901     padding:3px; 
    902     background:#eee; 
    903         font-size:1.2em; 
    904 } 
    905  
    906 .blog_admin { 
    907     border:1px solid #777; 
    908     padding:0px; 
    909     margin:0px; 
    910         font-size:0.8em; 
    911 } 
    912  
    913 .blog_admin h4 { 
    914     padding:3px; 
    915     background:#eee; 
    916         font-size:1.2em; 
    917 } 
    918  
    919 .tags { 
    920    margin:10px 0 0 0; 
    921    border:1px solid #777; 
    922    background:#eee; 
    923 } 
    924  
    925 .tags p { 
    926    padding;0px; 
    927    margin:0px; 
    928    background:#eee; 
    929    font-size:0.8em; 
    930 } 
    931  
    932 .tags a { 
    933    background:#eee; 
    934    font-size:0.8em; 
    935 } 
    936  
    937 .tags .popular a{ 
    938     float:right; 
    939     color:#990000; 
    940     text-decoration:underline; 
    941 } 
    942  
    943 .tag_area { 
    944     border:3px solid #777; 
    945     background:#fff; 
    946     height:16px; 
    947     margin:5px 0 0 0; 
    948         font-size:0.8em; 
    949 } 
    950  
    951 .tag_area a { 
    952    background:#fff; 
    953    font-size:0.8em; 
    954 } 
    955  
    956 .tag_area a:hover { 
    957   text-decoration:underline; 
    958 } 
    959  
    960 .files_display { 
    961    background:#eee; 
    962    margin:0 0 0 0; 
    963    border:1px solid #777; 
    964    border-top:0px; 
    965    font-size:0.8em; 
    966 } 
    967  
    968  
    969 .file_type_select select { 
    970        width:100%; 
    971        border:0px; 
    972        background:#fff; 
    973        padding:0px; 
    974        margin:0px; 
    975            font-size:0.8em; 
    976 } 
    977  
    978 /*---- Added from the initial wireframes ------*/ 
    979  
    980 .sidebar_filter { 
    981     background:#eaeac7; 
    982    border:1px solid #1181AA; 
    983    padding:5px; 
    984 } 
    985  
    986 .sidebar_filter p { 
    987      font-size:0.7em; 
    988 } 
    989  
    990 #file_edit { 
    991   padding:5px; 
    992   font-size:0.7em; 
    993 } 
    994  
    995 #file_edit p { 
    996    font-size:0.7em; 
    997  } 
    998     
    999  
    1000 /*------- holds folder content ------*/ 
    1001  
    1002 .foldertable { 
    1003         background-color: #F9F9F9; 
    1004         color:#000; 
    1005         border:1px; 
    1006         border-style:solid; 
    1007         border-color:#DDD; 
    1008         margin:0 0 5px 0; 
    1009         width:100%; 
    1010         font-size:80%; 
    1011 } 
    1012  
    1013 .foldertable a{ 
    1014         color:#990000; 
    1015         text-decoration:none; 
    1016 } 
    1017  
    1018 .foldertable p{ 
    1019         padding:0px; 
    1020         margin:0px; 
    1021         color:#1181AA; 
    1022         background:#fff; 
    1023         font-size:80%; 
    1024  } 
    1025  
    1026 .foldertable table { 
    1027         text-align:left; 
    1028 } 
    1029  
    1030 .foldertable_header { 
    1031      background:#CAD7EE; 
    1032      padding:0 0 0 0; 
    1033      margin:0px; 
    1034      color:#000; 
    1035      border:1px solid #bdbdbd; 
    1036      border-bottom:0px; 
    1037          font-size:80%; 
    1038 } 
    1039  
    1040 .foldertable_header p { 
    1041      padding:0 0 0 10px; 
    1042      margin:0px; 
    1043          font-size:80%; 
    1044 } 
    1045  
    1046 /*------- holds file content ----*/ 
    1047  
    1048 .filetable { 
    1049         background-color: #F9F9F9; 
    1050         color:#000; 
    1051         border:1px; 
    1052         border-style:solid; 
    1053         border-color:#DDD; 
    1054         margin:0 0 5px 0; 
    1055         width:100%; 
    1056 } 
    1057  
    1058 .filetable p{ 
    1059         padding:0px; 
    1060         margin:0px; 
    1061         color:#000; /*#1181AA;*/ 
    1062         background:#fff; 
    1063         font-size:80%; 
    1064 } 
    1065  
    1066 .filetable a{ 
    1067          
    1068 } 
    1069  
    1070 .databox_vertical { 
    1071         background-color: #F9F9F9; 
    1072         color:#000; 
    1073         border:1px; 
    1074         border-style:solid; 
    1075         border-color:#DDD; 
    1076         margin:0 0 5px 0; 
    1077         padding:5px; 
    1078  } 
    1079  
    1080 .databox_vertical p{ 
    1081         padding:0px; 
    1082         margin:0px; 
    1083         color:#1181AA; 
    1084         background:#fff; 
    1085         font-size:80%; 
    1086  } 
    1087  
    1088 .databox_vertical .fieldname h3 { 
    1089         padding:0px; 
    1090         margin:0 0 10px 0; 
    1091         color:#1181AA; 
    1092         background:#fff; 
    1093 } 
    1094  
    1095 .theme_holder p{ 
    1096   font-size:80%; 
    1097  } 
    1098  
    1099 .overDiv { 
    1100    text-align:left; 
    1101  } 
    1102  
    1103  
    1104 /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ 
    1105  
    1106 /*-------------------------------------------------- 
    1107   REQUIRED to hide the non-active tab content. 
    1108   But do not hide them in the print stylesheet! 
    1109   --------------------------------------------------*/ 
    1110 .tabberlive .tabbertabhide { 
    1111  display:none; 
    1112 } 
    1113  
    1114 /*-------------------------------------------------- 
    1115   .tabber = before the tabber interface is set up 
    1116   .tabberlive = after the tabber interface is set up 
    1117   --------------------------------------------------*/ 
    1118 .tabber { 
    1119 } 
    1120 .tabberlive { 
    1121  margin-top:1em; 
    1122 } 
    1123  
    1124 /*-------------------------------------------------- 
    1125   ul.tabbernav = the tab navigation list 
    1126   li.tabberactive = the active tab 
    1127   --------------------------------------------------*/ 
    1128 ul.tabbernav 
    1129 { 
    1130  margin:0; 
    1131  padding: 3px 0; 
    1132  border-bottom: 1px solid #778; 
    1133  font: bold 12px Verdana, sans-serif; 
    1134 } 
    1135  
    1136 ul.tabbernav li 
    1137 { 
    1138  list-style: none; 
    1139  margin: 0; 
    1140  display: inline; 
    1141 } 
    1142  
    1143 ul.tabbernav li a 
    1144 { 
    1145  padding: 3px 0.5em; 
    1146  margin-left: 3px; 
    1147  border: 1px solid #778; 
    1148  border-bottom: none; 
    1149  background: #DDE; 
    1150  text-decoration: none; 
    1151 } 
    1152  
    1153 ul.tabbernav li a:link { color: #448; } 
    1154 ul.tabbernav li a:visited { color: #667; } 
    1155  
    1156 ul.tabbernav li a:hover 
    1157 { 
    1158  color: #000; 
    1159  background: #AAE; 
    1160  border-color: #227; 
    1161 } 
    1162  
    1163 ul.tabbernav li.tabberactive a 
    1164 { 
    1165  background-color: #fff; 
    1166  border-bottom: 1px solid #fff; 
    1167 } 
    1168  
    1169 ul.tabbernav li.tabberactive a:hover 
    1170 { 
    1171  color: #000; 
    1172  background: white; 
    1173  border-bottom: 1px solid white; 
    1174 } 
    1175  
    1176 /*-------------------------------------------------- 
    1177   .tabbertab = the tab content 
    1178   Add style only after the tabber interface is set up (.tabberlive) 
    1179   --------------------------------------------------*/ 
    1180 .tabberlive .tabbertab { 
    1181  padding:5px; 
    1182  border:1px solid #aaa; 
    1183  border-top:0; 
    1184  
    1185  /* If you don't want the tab size changing whenever a tab is changed 
    1186     you can set a fixed height */ 
    1187  
    1188  /* height:200px; */ 
    1189  
    1190  /* If you set a fix height set overflow to auto and you will get a 
    1191     scrollbar when necessary */ 
    1192  
    1193  /* overflow:auto; */ 
    1194 } 
    1195  
    1196 /* If desired, hide the heading since a heading is provided by the tab */ 
    1197 .tabberlive .tabbertab h2 { 
    1198  display:none; 
    1199 } 
    1200 .tabberlive .tabbertab h3 { 
    1201  display:none; 
    1202 } 
    1203  
    1204 /* Example of using an ID to set different styles for the tabs on the page */ 
    1205 .tabberlive#tab1 { 
    1206 } 
    1207 .tabberlive#tab2 { 
    1208 } 
    1209 .tabberlive#tab2 .tabbertab { 
    1210  height:200px; 
    1211  overflow:auto; 
    1212 } 
    1213  
    1214 /*--------- Admin datatable ----------------------*/ 
    1215  
    1216 .admin_datatable table { 
    1217     font-size:0.9em; 
    1218     border:1px solid #eee; 
    1219     margin:1px 0 0 0; 
    1220 } 
    1221  
    1222 /*------------------------------------------------------ 
    1223 New toolbar 
    1224 ------------------------------------------------------*/ 
    1225  
    1226 #toolbar { 
    1227   background:#33415D; 
    1228   height:35px; 
    1229   padding:0 10px 0 10px; 
    1230   margin:0; 
    1231   width:100%; 
    1232 } 
    1233  
    1234 #toolbar td { 
    1235    border-right:0px solid #eee; 
    1236 } 
    1237  
    1238 #toolbar p { 
    1239   color:#fff; 
    1240   padding:0; 
    1241   margin:0; 
    1242 } 
    1243  
    1244 #toolbar a { 
    1245    color:#fff; 
    1246    background:#33415D; 
    1247    font-size:80%; 
    1248 } 
    1249  
    1250  
    1251 /*------------------------------------------- 
    1252 Simple interface classes 
    1253 --------------------------------------------*/ 
    1254  
    1255 #search { 
    1256    margin:5px 40px 10px 0; 
    1257    float:right; 
    1258 } 
    1259  
    1260 #search input { 
    1261                         background-color: #FFF; 
    1262                         color: #999999; 
    1263                         border: 1px solid #CCC; 
    1264                         font-size: 11px; 
    1265                         padding: 3px; 
    1266                 } 
    1267                  
    1268 #search .button { 
    1269                         padding: 1px; 
    1270                 } 
    1271  
    1272  
    1273 /*-------------------------------------------------------- 
    1274 Admin profile classes and id's 
    1275 ---------------------------------------------------------*/ 
    1276  
    1277 #edit_field_names input{ 
    1278    font-size:1.2em; 
    1279    padding:2px; 
    1280    font-family:Verdana, Arial, Helvetica, sans-serif;  
    1281    margin: 0 0 5px;  
    1282    color:#000; 
    1283    border:none; 
    1284    width:100%;} 
    1285  
    1286 #edit_field_names input:hover { 
    1287    background:transparent; 
    1288 } 
    1289  
    1290 #edit_field_names input:focus { 
    1291    background-color: #F0F8FF; 
    1292 } 
    1293  
    1294 #edit_field_names p { 
    1295    padding:0; 
    1296    margin:0; 
    1297    font-size:0.9em; 
    1298 } 
    1299  
    1300 <