Changeset 810

Show
Ignore:
Timestamp:
01/18/07 13:04:48 (2 years ago)
Author:
dave
Message:

This is the new Elgg pageshell. All div name up until this release are now redundant. We have attempted to greatly simplify things. At this stage we have only committed back the new pageshell - the new CSS driven theme will follow shortly. There is also the addition of a new user toolbar which sits at the top of the page.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • devel/_tinymce/jscripts/tiny_mce/themes/advanced/css/editor_content.css

    r758 r810  
    22/* You can extend this CSS by adding your own CSS file with the the content_css option */ 
    33 
    4 body, td, pre { 
     4body { 
     5        background-color: #FFFFFF; 
     6        font-family: Verdana, Arial, Helvetica, sans-serif; 
     7        font-size: 0.9em; 
     8        line-height: 1.2em; 
     9        padding: .3em; 
     10} 
     11 
     12td { 
    513        font-family: Verdana, Arial, Helvetica, sans-serif; 
    614        font-size: 10px; 
    715} 
    816 
    9 body { 
    10         background-color: #FFFFFF; 
     17pre { 
     18        font-family: Verdana, Arial, Helvetica, sans-serif; 
     19        font-size: 10px; 
    1120} 
    1221 

  • devel/mod/blog/lib.php

    r712 r810  
    3131 
    3232            $PAGE->menu_sub[] = array ( 'name' => 'blog:rssfeed', 
    33                                         'html' => "<a href=\"{$CFG->wwwroot}{$weblog_username}/weblog/rss/\"><img src=\"{$CFG->wwwroot}_templates/icons/rss.png\" border=\"0\" alt=\"rss\" /></a>");  
     33                                        'html' => "<a href=\"{$CFG->wwwroot}{$weblog_username}/weblog/rss/\"><img src=\"{$CFG->wwwroot}mod/template/icons/rss.png\" border=\"0\" alt=\"rss\" /></a>");  
    3434 
    3535             
    …… 
    6262                                    'html' => "<a href=\"{$CFG->wwwroot}_weblog/everyone.php\">" 
    6363                                    . __gettext("View all posts") . '</a>');  
    64          
    65         $PAGE->menu_sub[] = array ( 'name' => 'blog:help', 
    66                                     'html' => "<a href=\"{$CFG->wwwroot}help/blogs_help.php\">" 
    67                                     . __gettext("Page help") . '</a>');  
    6864 
    6965    } 

  • devel/mod/file/lib.php

    r789 r810  
    4747                                                              __gettext("RSS feed for files")));   
    4848            } 
    49             if ($page_owner == $_SESSION['userid'] && $page_owner != -1) { 
    50                 $PAGE->menu_sub[] = array( 'name' => 'file:help', 
    51                                            'html' => a_href( $CFG->wwwroot."help/files_help.php", 
    52                                                               __gettext("Page help")));   
    53             } 
    5449        } 
    5550    } 

  • devel/mod/friend/lib.php

    r659 r810  
    5353                } 
    5454                 
    55                 $PAGE->menu_sub[] = array( 'name' => 'friend:help', 
    56                                            'html' => a_href( "{$CFG->wwwroot}help/network_help.php", 
    57                                                               __gettext("Page help"))); 
    58                  
    59                  
    60  
    6155            } 
    6256             

  • devel/mod/template/templates/Default_Template/css

    r758 r810  
    11/* 
    2 Default CSS for the Elgg Learning Landscape 
    3 Version 0.65 - August 2006 
    4 */ 
    5  
    6 body{ 
     2Elgg general CSS 
     3CSS last updated 16/01/07 
     4*/ 
     5 
     6/* 
     7   GLOBALS: used to set all the general elements 
     8*/ 
     9 
     10body {  
    711        margin:0; 
    812        font-family:Verdana, "Myriad Web", Arial, Helvetica, sans-serif; 
    …… 
    1014        line-height:1.6em; 
    1115        font-size: 80%; 
     16        margin:0 auto; 
    1217        padding:0; 
    13         background:#fff url({{url}}_templates/default_images/bg.gif); 
    14 } 
    15  
    16 p{ 
    17         color:#555; 
    18 } 
    19  
    20 a{ 
    21         text-decoration:none; 
    22         color:#555; 
    23 } 
    24  
    25 ol, ul{ 
    26         color:#555; 
    27 } 
    28  
    29 h2{ 
    30         font-size:100%; 
     18        background:#fff; 
     19} 
     20 
     21p { 
     22  color:#555; 
     23  margin:0 0 10px 0; 
     24} 
     25 
     26a { 
     27  text-decoration:none; 
     28  color:#555; 
     29} 
     30 
     31ol, ul { 
     32  color:#555; 
     33} 
     34 
     35h1 { 
     36  font-size:130%; 
     37} 
     38 
     39h2, h3, h4, h5 { 
     40   font-size:100%; 
    3141} 
    3242 
    3343blockquote{ 
    34         background: #EEE url({{url}}_templates/GreenTrack/blockquote.png) no-repeat bottom left; 
     44        background: #EEE url({{url}}mod/template/templates/Default_Template/images/blockquote.png) no-repeat bottom left; 
    3545        padding: 10px; 
    3646        padding-bottom: 40px; 
    …… 
    3848} 
    3949 
    40 input{ 
    41         margin: 0 5px 5px 0; 
    42         font-family:Verdana, Arial, Helvetica, sans-serif; 
    43 } 
    44  
    45 textarea{ 
    46         background-color: #FFF; 
    47         color: #000; 
    48         border: 1px solid #CCC; 
    49         font-size: 1.4em; 
    50         padding: 3px; 
    51         margin: 0 0 5px; 
    52         width:95%; 
    53         height:100px; 
    54 } 
    55  
    56 /* WRAPS THE WHOLE PAGE */ 
    57  
    58 #container{ 
     50/* 
     51   TABLES IN ELGG 
     52*/ 
     53 
     54td { 
     55  border:1px solid #eee; 
     56  padding:0; 
     57  margin:0; 
     58} 
     59 
     60td h4, h3, h5 { 
     61  padding:0; 
     62  margin:0; 
     63} 
     64 
     65/*  
     66   USER TOOLBAR: IN DEFAULT ELGG, THIS SITS 
     67   AT THE VERY TOP OF THE PAGE. 
     68*/ 
     69 
     70div#toolbar { 
     71 height:25px; 
     72 position:absolute; 
     73 top:0; 
     74 left: 0; 
     75 width:100%; 
     76 background:url({{url}}mod/template/templates/Default_Template/images/toolbar-bg.gif) repeat-x bottom; 
     77 color:#fff; 
     78 margin:0; 
     79 padding:0 0 4px 0; 
     80} 
     81 
     82div#toolbar p { 
     83  margin:0; 
     84  padding:4px 0 0 5px; 
     85  color:#91B6C0; 
     86  font-size:0.8em; 
     87} 
     88 
     89div#toolbar span a { 
     90  color:#91B6C0; 
     91  border:1px solid #777; 
     92  padding:2px 4px 2px 4px; 
     93} 
     94 
     95div#toolbar span a:hover { 
     96  text-decoration:none; 
     97} 
     98 
     99div#toolbar img { 
     100  padding:0; 
     101  margin:0 5px 0 0; 
     102  border:0; 
     103} 
     104 
     105/*  
     106   GLOBAL USER OPTIONS: LOGOUT AND ACCOUNT SETTINGS, TOP RIGHT 
     107*/ 
     108 
     109div#toolbar #global-menuoptions{ 
     110        float:right; 
     111        text-align:right; 
     112        width:300px; 
     113        margin:0 10px 0 0; 
     114        font-size:0.8em; 
     115} 
     116 
     117div#toolbar #global-menuoptions ul { 
     118        margin:0; 
     119        padding:0; 
     120} 
     121 
     122div#toolbar #global-menuoptions li { 
     123   margin: 0;  
     124    padding: 0; 
     125    display: inline; 
     126    list-style-type: none; 
     127    border: none; 
     128} 
     129 
     130div#toolbar #global-menuoptions li a{ 
     131   text-decoration:underline; 
     132   padding:0 10px 0 0; 
     133   margin:20px 0 0 0; 
     134   color:#fff; 
     135   background:transparent; 
     136} 
     137 
     138div#toolbar #global-menuoptions p { 
     139  padding:0 10px 0 0; 
     140} 
     141 
     142div#toolbar #global-menuoptions img { 
     143  padding:0; 
     144  margin:0 10px 0 0; 
     145} 
     146 
     147/*  
     148   USER NAVIGATION: THIS STYLES THE USERS MAIN NAV IN THE TOOLBAR, 
     149   IN DEFAULT ELGG IT SITS OVER ON THE LEFT HAND SIDE 
     150*/ 
     151 
     152div#toolbar #navigation { 
     153    height: 19px; 
     154    margin: 4px 0 0 4px; 
     155    padding:0; 
     156    text-align:left; 
     157        float:left; 
     158} 
     159 
     160div#toolbar #navigation li { 
     161    margin: 0;  
     162    padding: 0; 
     163    display: inline; 
     164    list-style-type: none; 
     165        float: left; 
     166} 
     167 
     168div#toolbar #navigation a:link, div#toolbar #navigation a:visited { 
     169    margin: 0 2px 0 0; 
     170    text-decoration: none; 
     171    font-size:85%; 
     172        color:#91B6C0; 
     173    border:1px solid #777; 
     174    padding:2px 4px 2px 4px; 
     175} 
     176 
     177div#toolbar #navigation a:link.selected, div#toolbar #navigation a:visited.selected { 
     178    text-decoration:underline; 
     179    color: #fff; /*#393;*/ 
     180    font-weight: bold; 
     181} 
     182 
     183div#toolbar #navigation a:hover { 
     184    color: #000; 
     185    background: #ffc; 
     186} 
     187 
     188div#toolbar #navigation li a:hover{ 
     189    background:#6EAE87; 
     190       color: #C7D8D9; 
     191    } 
     192 
     193/*  
     194   CONTAINER: WRAPS THE HEADER AND MAIN CONTENT AREA BELOW THE USER TOOLBAR 
     195*/ 
     196 
     197div#container { 
    59198        width:900px; 
    60         margin:0; 
    61         margin-left: auto; 
    62         margin-right: auto; 
     199        margin: auto; 
    63200        padding:0; 
    64201        background:#fff; 
    …… 
    66203} 
    67204 
    68 /* HEADER */ 
    69  
    70 #header{ 
    71         margin:0 0 10px 0; 
    72         width:100%; 
     205 
     206/*  
     207   HEADER: THE HEADER INCLUDES THE LOGO AND SEARCH BAR 
     208*/ 
     209 
     210div#header { 
     211   margin:0; 
     212   padding:0; 
     213   text-align:left; 
     214   background:url({{url}}mod/template/templates/Default_Template/images/header-bg.gif) repeat-x; 
     215   position:relative; 
     216   width:900px; 
     217   height:120px; 
     218 } 
     219 
     220/*  
     221   LOGO: LOCATED WITHIN HEADER 
     222*/ 
     223 
     224div#header #logo{ 
     225        margin: 0px; 
     226        padding:10px; 
     227        float:left; 
     228} 
     229 
     230div#header #logo h1 { 
     231   font-size:30px; 
     232   padding:0; 
     233   margin:10px 0 6px 0; 
     234} 
     235 
     236div#header #logo h1 a{ 
     237   color:#fff; 
     238   font-family:Helvetica, "Myriad Web", Arial, sans-serif; 
     239} 
     240 
     241div#header #logo h2{ 
     242   color:#F17D00; 
     243   padding:0; 
     244   margin:0; 
     245   font-size:1.2em; 
     246} 
     247 
     248/*  
     249   SEARCH BAR: LOCATED WITHIN HEADER 
     250*/ 
     251 
     252div#header #search-header { 
     253   float:right; 
     254   background:url({{url}}mod/template/templates/Default_Template/images/search_icon.gif) no-repeat left top; 
     255   width:330px; 
     256   margin:0; 
     257   padding:0; 
     258   position:absolute; 
     259   top:10px; 
     260   right:0; 
     261} 
     262 
     263div#header #search-header img { 
     264   margin:0 0 0 10px; 
     265} 
     266 
     267div#header #search-header p { 
     268   padding:0 0 0 15px; 
     269   margin:0; 
     270} 
     271 
     272div#header #search-header span a { 
     273   color:#fff; 
     274} 
     275 
     276/*  
     277   CONTENT-HOLDER: WRAPS THE MAIN PAGE CONTENT. THIS CAN INCLUDE 
     278   THE SINGLE PAGE LAYOUT AND THE SPLIT PANE (CONTENT AND SIDEBAR) 
     279*/ 
     280 
     281div#content-holder { 
     282   padding:0px; 
     283   margin:0px; 
     284   width:900px; 
     285   min-height:500px; 
     286   overflow:hidden; 
     287   position:relative; 
     288 } 
     289 
     290div#content-holder a:hover { 
     291    text-decoration:underline; 
     292} 
     293 
     294div#content-holder h2 { 
     295          border:0; 
     296          border-bottom:1px solid #eee; 
     297          padding:0; 
     298          margin:0 0 10px 0; 
     299          color:#666; 
     300          background:#fff; 
     301         font-size:1.1em; 
     302} 
     303 
     304/*  
     305   VARIOUS LAYOUTS WITHIN CONTENT-HOLDER 
     306*/ 
     307 
     308/*  
     309   THE MAIN CONTENT AREA WHEN IT IS A SINGLE PAGE, NO SIDEBAR 
     310*/ 
     311 
     312div#single-page { 
     313    margin: 0; 
     314    padding: 0 15px 0 0; 
     315    width:900px; 
     316    text-align: left; 
     317    background-color: #fff; 
     318    color:#000; 
     319    border:1px solid #eee; 
     320} 
     321 
     322/*  
     323   THE MAIN CONTENT AREA WHEN THE SIDEBAR IS IN PLACE 
     324*/ 
     325 
     326div#splitpane-content { 
     327     margin: 0; 
     328    padding: 0 0 0 10px; 
     329    width:650px; 
     330    text-align: left; 
     331    float: left; 
     332    background-color: #fff; 
     333    color:#000; 
     334    overflow-x:hidden; 
     335} 
     336 
     337/*  
     338   SIDEBAR: THIS IS ONLY PRESENT WHEN SPLITPANE-CONTENT IS IN USE 
     339*/ 
     340 
     341div#splitpane-sidebar { 
     342   width: 220px; 
     343   margin:0; 
     344   padding:0; 
     345   background:#fff url({{url}}mod/template/templates/Default_Template/images/side-back.gif) repeat-y; 
     346   margin:0 10px 0 0; 
     347   float: right; 
     348  } 
     349 
     350/*  
     351   THE SIDEBAR CONTENTS LAYOUT 
     352*/ 
     353 
     354div#splitpane-sidebar td { 
     355        width: 200px; 
     356   background:#fff; 
     357   margin:0 0 0 20px; 
     358  } 
     359 
     360div#splitpane-sidebar ul { 
     361    margin: 0; 
     362    padding: 0; 
     363    list-style: none; 
     364} 
     365 
     366div#splitpane-sidebar ul li { 
     367    margin:2px 0; 
     368    padding-left: 5px; 
     369        border-bottom:1px dashed #eee; 
     370} 
     371 
     372div#splitpane-sidebar ul li ul li a { 
     373     padding:0 0 0 5px; 
     374} 
     375 
     376div#splitpane-sidebar h2 { 
    73377        text-align:left; 
    74 } 
    75  
    76 #header #logo{ 
    77         margin: 0px; 
    78         padding:10px; 
    79         float:left; 
    80 } 
    81  
    82 #header #logo h1{ 
    83         font-size:1.4em; 
    84         padding:0; 
    85         margin:0 0 5px 0; 
    86 } 
    87  
    88 #header #logo h1 a{ 
    89         color:#4391B0; 
    90         padding:0; 
    91         margin:0; 
    92         font-family:Helvetica, "Myriad Web", Arial, sans-serif; 
    93         font-size:1.4em; 
    94 } 
    95  
    96 #header #logo h2{ 
    97         color:#6EAE87; 
    98         padding:0; 
    99         margin:0; 
    100         font-size:1.2em; 
    101 } 
    102  
    103 #header #global_menuoptions{ 
    104         float:right; 
    105         text-align:right; 
    106         background:#fff; 
    107         width:450px; 
    108         margin:0 10px 0 0; 
    109 } 
    110  
    111 #header #global_menuoptions ul{ 
    112         margin:0 0 10px 0; 
    113 } 
    114  
    115 #header #global_menuoptions li{ 
    116         margin: 0; 
    117         padding: 0; 
    118         display: inline; 
    119         list-style-type: none; 
    120         border: none; 
    121 } 
    122  
    123 #header #global_menuoptions li a{ 
    124         text-decoration:underline; 
    125         padding:0 10px 0 0; 
    126         color:#000; 
    127 } 
    128  
    129 #header #global_menuoptions p{ 
    130         padding:0 10px 0 0; 
    131 } 
    132  
    133 #search_header{ 
    134         text-align:right; 
    135         margin:0 0 0 30px ; 
    136 } 
    137  
    138 /* WRAPS THE MAIN CONTENT PANE AND THE SIDEBAR */ 
    139  
    140 #content_holder{ 
    141         padding:0px; 
    142         margin:0px; 
    143         width:100%; 
    144         border-top:2px solid #eee; 
    145 } 
    146  
    147 /* WRAPS THE MAIN CONTENT PANE - THE LEFT HAND SIDE OF THE SCREEN */ 
    148  
    149 #maincontent_container{ 
    150         padding:0 0 0 30px; 
    151 } 
    152  
    153 /* NAVIGATION */ 
    154  
    155 #navigation{ 
    156         height: 19px; 
    157         margin: 0; 
    158         padding:0; 
    159         text-align:left; 
    160 } 
    161  
    162 #navigation li{ 
    163         margin: 0; 
    164         padding: 0; 
    165         display: inline; 
    166         list-style-type: none; 
    167         border: none; 
    168 } 
    169  
    170 #navigation a:link, #navigation a:visited{ 
    171         background: #eee; 
    172         font-weight: normal; 
    173         padding: 5px; 
    174         margin: 0 2px 0 0; 
    175         border: 0px solid #036; 
    176         text-decoration: none; 
    177         color: #333; 
    178         font-size:85%; 
    179 } 
    180  
    181 #navigation a:link.selected, #navigation a:visited.selected{ 
    182         border-bottom: 1px solid #fff; 
    183         background: #4391B0; /*#FCD63F;*/ 
    184         color: #fff; /*#393;*/ 
    185         font-weight: bold; 
    186 } 
    187  
    188 #navigation a:hover{ 
    189         color: #000; 
    190         background: #ffc; 
    191 } 
    192  
    193 #navigation li a:hover{ 
    194         background:#4391B0; /*#FCD63F;*/ 
    195         color: #C7D8D9; /*#000;*/ 
    196 } 
    197  
    198 /* MISC */ 
    199  
    200 .clearme{clear:both;} 
    201 .clearing{clear:both;} 
    202  
    203  
    204 /* SIDEBAR AND ITS CONTENTS */ 
    205  
    206 #sidebar{ 
    207         width: 280px; 
    208         background:#fff; 
    209         margin:0 40px 0 0; 
    210 } 
    211  
    212 /* ACTUAL SIDEBAR CONTENT */ 
    213  
    214  
    215 #sidebar ul{ 
    216         margin: 0; 
    217         padding: 0; 
    218         list-style: none; 
    219 } 
    220  
    221 #sidebar ul li{ 
    222         margin: 10px 0; 
    223         padding-left: 0; 
    224 } 
    225  
    226 #sidebar ul li ul li{ 
    227         padding: 0 0 0 10px; 
    228 } 
    229  
    230 #sidebar h2{ 
    231         font-family: "Lucida Grande", arial, sans-serif; 
    232         font-weight: bold; 
    233         color: #333; 
    234         background:#fff; 
    235         margin: 20px 0 3px 0; 
    236         padding: 0; 
    237         border: none; 
    238 } 
    239  
    240 #sidebar h2{ 
    241         border-bottom: 0px solid #666; 
    242         text-align:center; 
    243         border-top:1px solid #777; 
    244         color:#777; 
    245         font-size:1em; 
    246         width:260px; 
    247 } 
    248  
    249 #search_widget{ 
    250         background:url({{url}}_templates/default_images/own_ad_bg.gif) repeat-y; 
    251         text-align:center; 
    252         width:250px; 
    253         margin:0 0 0 10px; 
    254 } 
    255  
    256 #search_widget p{ 
    257         margin:10px; 
    258         font-weight:bold; 
    259 } 
    260  
    261 #search_widget input{ 
    262         margin:5px 0 5px 0; 
    263 } 
    264  
    265 /* SIDEBAR DISPLAY COMPONENTS */ 
    266  
    267 #sidebar_user{ 
    268 } 
    269  
    270 #recent_activity{ 
    271 } 
    272  
    273 #community_owned{ 
    274 } 
    275  
    276 #community_membership{ 
    277 } 
    278  
    279 #sidebar_friends p{ 
    280         padding:0 0 0 10px; 
    281 } 
    282  
    283 #search{ 
    284 } 
    285  
    286 #me{ 
    287         border:0px solid #086a89; 
    288         background:#4391B0 url({{url}}_templates/default_images/login_bg.gif); 
    289         width:260px; 
    290         padding:0; 
    291         margin:0; 
    292         text-align:left; 
    293         min-height:80px; 
    294 } 
    295  
    296 #me label{ 
    297         padding:4px; 
    298         margin:0 0 5px 0; 
    299         color:#fff; 
    300 } 
    301  
    302 #me h2{ 
    303         color:#fff; 
    304         font-size:1.2em; 
    305         padding:5px; 
    306         margin:0 10px 0 10px; 
    307         background:#0C5896; 
    308 } 
    309  
    310 #me #icon{ 
    311         margin:3px 0 0 4px; 
    312         float: left; 
    313         width: 70px; 
    314         padding:0; 
    315 } 
    316  
    317 #me #contents{ 
    318         margin: 0 0 0 75px; 
    319         text-align: left; 
    320         padding:0; 
    321 } 
    322  
    323 #me a{ 
    324         color:#fff; 
    325         text-decoration:underline; 
    326 } 
    327  
    328 #me p{ 
    329         color:#fff; 
    330         margin:0; 
    331         padding:0 0 5px 0; 
    332 } 
    333  
    334 /* Two new divs to let put curved images around the 'me' box */ 
    335  
    336 #me_top{ 
    337         background:url({{url}}_templates/default_images/login_top.gif) bottom no-repeat; 
    338         height:9px; 
    339         width:260px; 
    340         padding:0; 
    341         margin:0; 
    342 } 
    343  
    344 #me_bottom{ 
    345         background:url({{url}}_templates/default_images/login_bottom.gif) no-repeat; 
    346         height:9px; 
    347         width:260px; 
    348         margin:0; 
    349         padding:0; 
    350 } 
    351  
    352 /* extra div's when looking at someone else's page */ 
    353  
    354 #sidebar_weblog{ 
    355 } 
    356  
    357 #sidebar_files{ 
    358 } 
    359  
    360  
    361 #sidebar_user h2{ 
    362         display:none; 
    363 } 
    364  
    365 /* FOOTER */ 
    366  
    367 #footer{ 
    368         background:#fff; 
    369         text-align: center; 
    370         padding:0; 
    371         border-top:1px solid #ccc; 
    372         border-bottom:1px solid #ccc; 
    373         font-size:0.8em; 
    374         width: 45em; 
    375         margin:20px 0 0 0; /* 10 auto; */ 
    376 } 
    377  
    378 #footer a:hover{ 
    379         text-decoration:underline; 
    380 } 
    381  
    382 #footer a:link, #footer a:visited{ 
    383         text-align:right; 
    384 } 
    385  
    386 /* Remove the search component from the sidebar - it is replaced by the search widget */ 
    387  
    388 #search{ 
    389         display:none; 
    390 } 
    391  
    392 /* SYSTEM MESSAGES */ 
    393  
    394 #system_message{ 
    395         border:1px solid #D3322A; 
    396         background:#F7DAD8; 
    397         color:#000; 
    398         padding:3px 50px; 
    399         margin:20px 20px 0 0; 
    400 } 
    401  
    402 #system_message p{ 
    403         padding:0px; 
    404         margin:2px; 
    405 } 
    406  
    407 /* THIS DISPLAYS THE ACTUAL CONTENT WITHIN maincontent_container */ 
    408  
    409 #maincontent_display{ 
    410         margin: 0; 
    411         padding: 20px 0 20px 0; 
    412         width: 95%; 
    413         text-align: left; 
    414         float: left; 
    415         background-color: #fff; 
    416         color:#000; 
    417 } 
    418  
    419 #maincontent_display h1{ 
    420         padding-bottom: 2px; 
    421         border-bottom: 1px solid #666; 
    422         margin: 0; 
    423         font-size:130%; 
    424         color: #666; 
    425         background-color: #fff; 
    426 } 
    427  
    428 #maincontent_display a{ 
    429         /*color:#6EAE87;*/ 
    430 } 
    431  
    432 #maincontent_display a:hover{ 
    433         text-decoration:underline; 
    434 } 
    435  
    436  
    437  
    438 /* SUB MENU attributes */ 
    439  
    440 #maincontent_display #sub_menu{ 
    441         font-family: verdana; 
    442         padding: 0px; 
    443         margin: 5px 0 20px 0; 
    444         color: #000; 
    445         background-color:#fff; 
    446 } 
    447  
    448 #maincontent_display #sub_menu a{ 
    449         font-weight:bold; 
    450         margin:0px; 
    451         padding:0px; 
    452         color:#777; 
    453 } 
    454  
    455 #maincontent_display #sub_menu a:hover{ 
    456         text-decoration: underline; 
    457 } 
    458  
    459 #maincontent_display #sub_menu p{ 
    460         margin:0px; 
    461         padding:0px; 
    462 } 
    463  
    464 /* INDIVIDUAL BLOG POSTS */ 
    465  
    466  
    467 /* wraps all blog components */ 
    468  
    469 .weblog_posts{ 
    470         margin:0 0 15px 0; 
    471 } 
    472  
    473 .weblog_posts .entry h3{ 
    474         color:#1181AA; 
    475         background:#fff; 
    476         padding: 0 0 10px 110px; 
    477         font-size:1em; 
    478 } 
    479  
    480 .weblog_title h3{ 
    481         padding:0; 
    482         margin:0; 
    483 } 
    484  
    485 .user{ 
    486         float: left; 
    487         margin: 0px; 
    488         padding:0 0 5px 0; 
    489         width: 105px; 
    490         text-align: left; 
    491 } 
    492  
    493 .user img{ 
    494         border:2px solid #6EAE87; 
    495 } 
    496  
    497  
    498 .user a{ 
    499  
    500 } 
    501  
    502 .post{ 
    503         margin: 0 0 10px 0; 
    504         padding: 0 0 20px 110px; 
    505         font-family: arial; 
    506 } 
    507  
    508 .post a{ 
    509         color:#6EAE87; 
    510 } 
    511  
    512 .post p{ 
    513         padding: 0; 
    514         margin: 3px 0 10px 0; 
    515         line-height: 16px; 
    516         color:#555; 
    517 } 
    518  
    519 .post ol, .post ul{ 
    520         margin: 3px 0 10px 0; 
    521         padding: 0; 
    522 } 
    523  
    524 .post li{ 
    525         margin: 0 0 0 30px; 
    526         line-height: 16px; 
    527 } 
    528  
    529 .post ul li{ 
    530         list-style-type: square; 
    531 } 
    532  
    533 .post .blog_edit_functions p{ 
    534         margin:10px 0 0 0; 
    535         color:#777; 
    536 } 
    537  
    538 .post .blog_edit_functions a{ 
    539  
    540 } 
    541  
    542 .post .weblog_keywords p{ 
    543         margin:20px 20px 0 20px; 
    544         color:#6EAE87; 
    545         font-weight:bold; 
    546 } 
    547  
    548 .post .weblog_keywords a{ 
    549         text-decoration:underline; 
    550         color:#6EAE87; 
    551 } 
    552  
    553 .info p{ 
    554         padding: 4px; 
    555         margin: 20px 0 5px 0; 
    556         color: #666; 
    557         background:#fff; 
    558         font-family: verdana; 
    559         font-weight: normal; 
    560         line-height: 14px; 
    561         text-align: left; 
    562         border-left:4px solid #eee; 
    563         border-right:4px solid #eee; 
    564         border-top:1px solid #eee; 
    565         border-bottom:1px solid #eee; 
    566 } 
    567  
    568 .info p a{ 
    569         color: #666; 
    570         background:#fff url({{url}}_templates/default_images/comment_add.gif) left no-repeat; 
    571         text-decoration: none; 
    572         /*border-bottom: 1px dotted #666;*/ 
    573         padding-bottom: 0; 
    574         padding:0 0 0 20px; 
    575 } 
    576  
    577 .external_services p{ 
    578         padding: 2px; 
    579         margin: 20px 0 5px 0; 
    580         color: #666; 
    581         background:#fff; 
    582         font-family: verdana; 
    583         font-weight: normal; 
    584         text-align: left; 
    585         border-left:4px solid #eee; 
    586         border-right:4px solid #eee; 
    587         border-top:1px solid #eee; 
    588         border-bottom:1px solid #eee; 
    589 } 
    590  
    591  
    592 #comments ol, #comments ul{ 
    593         margin: 3px 0 10px 0; 
    594         padding: 0; 
    595 } 
    596  
    597 #comments a{ 
    598         color:#6EAE87; 
    599 } 
    600  
    601 #comments li{ 
    602         margin: 10px 0 10px 30px; 
    603         line-height: 16px; 
    604 } 
    605  
    606 #comments ul li{ 
    607         list-style-type: square; 
    608 } 
    609  
    610 #comments h4{ 
    611         /*color:#1181AA;*/ 
    612         background:url({{url}}_templates/default_images/comments.gif) left no-repeat; 
    613         padding:0 0 0 20px; 
    614 } 
    615  
    616 #comments p{ 
    617         margin:0 0 10px 0; 
    618 } 
    619  
    620 .comment_owner{ 
    621         border:1px solid #eee; 
    622         background:#f2f7fb; 
    623         padding:5px; 
    624         margin:20px 0 5px 0; 
    625         height:50px; 
    626 } 
    627  
    628 .comment_owner img{ 
    629         margin:0px 5px 0px 0px; 
    630         text-align:left; 
    631 } 
    632  
    633 .comment_owner a{ 
    634         background:#f2f7fb; 
    635 } 
    636  
    637 .comment_owner p{ 
    638         padding:0; 
    639         margin:0; 
    640 } 
    641  
    642 .weblog_dateheader{ 
    643         padding: 0; 
    644         margin: 0 0 5px 0; 
    645         color: #ccc; /*#333;*/ 
    646         background:#fff; 
    647         font-weight: normal; 
    648         font-style: italic; 
    649         line-height: 12px; 
    650         border:0px; 
    651         border-bottom: 1px solid #ccc; 
    652         text-align:right; 
    653 } 
    654  
    655 .weblogdateheader{ 
    656         padding: 0; 
    657         margin: 0 0 5px 0; 
    658         color: #ccc; /*#333;*/ 
    659         background:#fff; 
    660         font-weight: normal; 
    661         font-style: italic; 
    662         line-height: 12px; 
    663         border:0px; 
    664         border-bottom: 1px solid #ccc; 
    665         text-align:right; 
     378    border-bottom:1px solid #ccc; 
     379    color:#777; 
    666380        font-size:0.9em; 
    667 } 
    668  
    669  
    670 /* YOUR RESOURCES */ 
    671  
    672 .feeds{ 
    673         border-bottom: 1px dotted #aaaaaa; 
    674 } 
    675  
    676 .feed_content a{ 
    677         color:#6EAE87; 
    678         border:0px; 
    679 } 
    680  
    681 .feed_content p{ 
    682         padding:0 0 10px 0; 
    683 } 
    684  
    685 .feed_content a:hover{ 
    686         background:#fff; 
    687 } 
    688  
    689 .feed_content img{ 
    690         border: 1px solid #666666; 
    691         padding:5px; 
    692 } 
    693  
    694 .feed_content h5{ 
    695         font-size:1.2em; 
    696         padding:0; 
    697         margin:0 0 10px 0; 
    698 } 
    699  
    700  
    701 .feed_content h3{ 
    702         padding:0 0 4px 0; 
    703         margin:0px; 
    704 } 
    705  
    706 .feed_content h3 a{ 
    707         color:black; 
    708         border:0px; 
    709         border-bottom:1px; 
    710         border-style:dotted; 
    711         border-color:#eee; 
    712 } 
    713  
    714 .feed_content h3 a:hover{ 
    715         background:#FCD63F; 
    716         color:#000; 
    717 } 
    718  
    719 .feed_date h2{ 
    720         font-size:13px; 
    721         line-height: 21px; 
    722         font-weight: bold; 
    723         padding: 5px 10px 5px 5px; 
    724         background: #C7D8D9; 
    725         color:#000; 
    726         text-decoration:none; 
    727 } 
    728  
    729 .via{ 
    730         border-top:1px solid #eee; 
    731         border-bottom:1px solid #eee; 
    732         border-left:4px solid #eee; 
    733         border-right:4px solid #eee; 
    734         margin:20px; 
    735 } 
    736  
    737 .via a{ 
    738         font-size:80%; 
    739         color:#1181AA; 
    740         background:#fff; 
    741 } 
    742  
    743 .via a:hover{ 
    744         background:#ffc; 
    745         color:#1181AA; 
    746 } 
    747  
     381        width:200px; 
     382} 
     383 
     384/*  
     385   FOOTER  
     386*/ 
     387 
     388div#footer { 
     389    clear:both; 
     390    background:url({{url}}mod/template/templates/Default_Template/images/footer-bg.png) repeat-x; 
     391    text-align: center; 
     392    padding:10px 0 0 0; 
     393    font-size:0.8em; 
     394    height:100px; 
     395    margin:20px auto; 
     396    color:#000; 
     397    width:100%; 
     398} 
     399 
     400div#footer a { 
     401   color:#000; 
     402} 
     403 
     404div#footer a:hover { 
     405   text-decoration:underline; 
     406 } 
     407 
     408div#footer a:link, div#footer a:visited { 
     409    text-align:right; 
     410} 
    748411 
    749412/* 
    750 DIV's to help control look and feel - infoholder holds all the profile data 
    751 and is always located in within 'maincontentdisplay' 
    752 */ 
    753  
    754 /* holds profile data */ 
    755 .infoholder{ 
    756         border:1px; 
    757         border-color:#eee; 
    758         border-style:solid; 
    759         margin:0 0 5px 0; 
    760 } 
    761  
    762 .infoholder p{ 
    763         padding:0 0 0 5px; 
    764         margin:15px; 
    765 } 
    766  
    767 .infoholder a{ 
    768         color:#6EAE87; 
    769 } 
    770  
    771 .infoholder a:hover{ 
    772         text-decoration:underline; 
    773 } 
    774  
    775 .infoholder .fieldname h2{ 
    776         border:0; 
    777         border-bottom:1px; 
    778         border-color:#eee; 
    779         border-style:solid; 
    780         padding:3px; 
    781         margin:0; 
    782         color:#666; 
    783         background:#fff; 
    784 } 
    785  
    786 .infoholder_twocolumn{ 
    787         padding:4px; 
    788         border:1px; 
    789         border-color:#eee; 
    790         border-style:solid; 
    791         margin:0 0 10px 0; 
    792 } 
    793  
    794 .infoholder_twocolumn .fieldname h3{ 
    795         color:#666; 
    796         background:#fff; 
    797         border:0px; 
    798         border-bottom:1px; 
    799         border-color:#eee; 
    800         border-style:solid; 
    801 } 
    802  
    803 .infoholder_twocolumn h3{ 
    804         font-size:1.1em; 
    805         padding:0; 
    806         margin:0; 
    807 } 
    808  
    809 /* holds administration data */ 
    810  
    811 .admin_datatable{ 
    812         border:1px; 
    813         border-color:#eee; 
    814         border-style:solid; 
    815         margin:0 0 5px 0; 
    816 } 
    817  
    818 .admin_datatable p{ 
    819         padding:0px; 
    820