Add help about the used CSS into the documentation
It is not a routine for me to write a website. I got a hard time figuring out how to made the structure of my hubzilla webpage to work. For that, it was necessary to look at the source code of a page generated by hubzilla, find the stylesheets and search their documentation. Hubzilla gave me that:
<link rel="stylesheet" href="https://ussr.win/addon/hilite/Text_Highlighter/sample.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/addon/gallery/lib/photoswipe/dist/photoswipe.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/addon/gallery/lib/photoswipe/dist/default-skin/default-skin.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/addon/gallery/view/css/gallery.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/library/fork-awesome/css/fork-awesome.min.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/vendor/twbs/bootstrap/dist/css/bootstrap.min.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/library/bootstrap-tagsinput/bootstrap-tagsinput.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/view/css/bootstrap-red.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/library/datetimepicker/jquery.datetimepicker.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/library/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/library/tiptip/tipTip.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/library/jgrowl/jquery.jgrowl.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/library/jRange/jquery.range.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/view/css/conversation.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/view/css/widgets.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/view/css/colorbox.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/library/justifiedGallery/justifiedGallery.min.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/view/css/full.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/view/theme/ussrbasicstatic/css/mod_page.css?v=6.0" type="text/css" media="screen">
<link rel="stylesheet" href="https://ussr.win/view/theme/ussrbasicstatic/php/style.pcss?f=&puid=264&v=6.0" type="text/css" media="screen">
As example, the bootstrap CSS have its documentation at https://getbootstrap.com/docs/4.0/getting-started/introduction/ It is only after reading the bootstrap documentation than I was able to make what I wanted with my page.
That imply it would be great if some documentation about the CSS used by hubzilla could be added into the documentation, that with information about the provided elements and their context. If it is too time consuming to do that, it would be great to at least provide pointers to the documentation of the most important functions, like the website of the bootstrap css documentation.