anchor.diff:      ro_html->add('}').
       ro_html->add('a:hover, a:active { text-decoration:  underline; }').
       ro_html->add('img               { border: 0px; }').
  +    ro_html->add('table             { border-collapse: collapse; }').
       ro_html->add('.error            { color: red; }').
  -    ro_html->add('table { border-collapse: collapse; }').
  +    ro_html->add('.grey             { color: lightgrey !important; }').
   
       " Structure div styles: header, footer, toc
       ro_html->add('/* STRUCTURE DIVS */').
  
positive.code:                             iv_current = sy-tabix
                              iv_total   = lines( lt_repos )
                              iv_text    = lo_repo->get_name( ) ) ##NO_TEXT.
  
          IF lo_repo->is_offline( ) = abap_true.
            lo_repo_offline ?= lo_repo.
            ro_html->add( render_repo_offline( lo_repo_offline ) ).
          ELSE.
            lo_repo_online ?= lo_repo.
            ro_html->add( render_repo_online( lo_repo_online ) ).
          ENDIF.
        ENDLOOP.
      ENDIF.
  
  
negative.code: 
    METHOD render_repo_top.
      DATA  lo_repo_online  TYPE REF TO lcl_repo_online.
      DATA  lv_icon         TYPE string.
  
      CREATE OBJECT ro_html.
  
      IF io_repo->is_offline( ) = abap_true.
        lv_icon = 'img/repo_offline'.
      ELSE.
        lv_icon = 'img/repo_online'.
      ENDIF.
  
      ro_html->add( |<a id="{ io_repo->get_name( ) }"></a>| ).
      ro_html->add( '<table class="mixed_height_bar"><tr>' ).
  
      ro_html->add( '<td class="repo_name">' ).
      ro_html->add( |<img src="{ lv_icon }">| ).
      ro_html->add( |<span>{ io_repo->get_name( ) }</span>| ).
      ro_html->add( '</td>' ).
  
      ro_html->add( '<td class="repo_attr right">' ).
      ro_html->add( '<img src="img/pkg">' ).
      ro_html->add( |<span>{ io_repo->get_package( ) }</span>| ).
  
      IF io_repo->is_offline( ) = abap_false.
        lo_repo_online ?= io_repo.
        ro_html->add( '<img src="img/branch">' ).
  