CSS : Modifications consequent to XHTML modifications;

Python : Modifications consequent to XHTML modifications;
TOML   : Various of modifications;
XHTML  : Uniform templates.

css/stylesheet.css

@@ -12,7 +12,7 @@ div, h1, h2, h3, h4, h5 {
   font-family: system-ui;
 }
 
-h1, h2, h3 {
+h1, h2 {
   text-align: center;
   margin: 0;
   padding: 1em;
@@ -58,12 +58,64 @@ div:has(#bar) {
 }
  */
 
-#subject {
+#conference,
+#pubsub {
+  text-align: initial;
+}
+
+#subject pre {
   margin: auto;
   max-height: 30vh;
   overflow: auto;
   padding: 1em;
-  width: 90vw;
+}
+
+#entries,
+#messages,
+#subject {
+  padding: 0 2em 0 2em;
+}
+
+.entry,
+.message,
+#subject {
+  margin-bottom: 1em;
+}
+
+.entry > .link a,
+.entry > a,
+.message > a {
+  text-decoration: none;
+}
+
+.entry .summary {
+  padding: 1em 0 0 1em;
+}
+
+#subject pre,
+#vcard-note,
+#vcard-note-full {
+  color: #505050;
+  margin-left: 5em;
+  margin-right: 5em;
+  /* overflow: hidden; */
+  padding: 0 2em 2em 2em;
+  text-align: center;
+  /* text-overflow: ellipsis;
+  white-space: nowrap; */
+}
+
+#subject pre {
+  font-size: 120%;
+  text-align: initial;
+  margin: unset;
+}
+
+#subject pre,
+.message .content {
+  overflow-wrap: break-word;
+  padding: 1em 0 0 1em;
+  white-space: pre-wrap;
 }
 
 #bar,
@@ -156,14 +208,21 @@ label,
 #input,
 .vcard-link,
 .system-menu {
-  border-radius: 2em;
   font-size: 1.34em;
+}
+
+#download,
+#input,
+.vcard-link {
+  border-radius: 2em;
   padding: 0.5em;
 }
 
+/*
 #system-title > * {
   width: 18%;
 }
+*/
 
 #profile-top,
 #system-title {
@@ -271,17 +330,20 @@ h1 {
   text-overflow: ellipsis;
 }
 
+/*
 #count {
   margin: 1em;
-  /* min-height: 1.5em; */
-}
-
-/*
-#count > a:before {
-  content: '   •   ';
 }
 */
 
+#count > a:after {
+  content: '   •   ';
+}
+
+#count > a:last-child:after {
+  content: '';
+}
+
 #graphics,
 #photo {
   border-radius: 50px;
@@ -317,12 +379,26 @@ h1 {
   display: grid;
 }
 
+#vcard-links-extra > a {
+  border: 1px solid #434a53;
+  border-radius: 1em;
+  margin: 1em auto;
+  padding: 1em;
+  text-decoration: none;
+  width: 50%;
+}
+
+#vcard-links > a:hover,
+#vcard-links-extra > a:hover {
+  background: #ebebeb;
+}
+
 #vcard-links {
   padding-bottom: 1em;
 }
 
 .vcard-link {
-  filter: drop-shadow(0 0 0 black);
+  /* filter: drop-shadow(0 0 0 black); */
   margin: 1em;
   outline: solid;
   outline-color: #cfcfcf;
@@ -468,25 +544,6 @@ h1 {
   display: block; /* Show details upon checked checkbox */
 }
 
-#vcard-note-full {
-  color: #505050;
-  margin-left: 5em;
-  margin-right: 5em;
-  padding: 0 2em 2em 2em;
-  text-align: center;
-}
-
-#vcard-note {
-  color: #505050;
-  margin-left: 5em;
-  margin-right: 5em;
-  /* overflow: hidden; */
-  padding: 2em;
-  text-align: center;
-  /* text-overflow: ellipsis;
-  white-space: nowrap; */
-}
-
 #vcard-note:hover {
   overflow: unset;
   white-space: unset;
@@ -517,7 +574,7 @@ h1 {
   padding: 1em;
   text-align: center;
   text-decoration: none;
-  width: 12.2%;
+  /* width: 12.2%; */
 }
 
 #software-menu img {
@@ -653,11 +710,6 @@ h1 {
   width: 80%;
 }
 
-#entries {
-  /* padding: 2em; */
-  text-align: left;
-}
-
 /*
 .entry > * {
   margin-bottom: 1em;
@@ -679,6 +731,7 @@ h1 {
   text-decoration: none;
 }
 
+.entry > .link a,
 #count > a,
 #preview {
   color: #5c5656;
@@ -688,6 +741,9 @@ h1 {
 #count > a:hover,
 #preview:hover {
   color: #000;
+}
+
+#preview:hover {
   text-decoration: underline;
 }
 
@@ -890,10 +946,16 @@ h1 {
   }
 
   #action > #add,
-  #action-bar > #add {
+  #action-bar > #add,
+  #system-title > h1 {
     display: none;
   }
 
+  #system-title {
+    padding-bottom: 2em;
+    padding-top: 2em;
+  }
+
   body {
     background: #f5f5f5;
   }
@@ -916,6 +978,7 @@ h1 {
     padding-bottom: unset;
   }
 
+  #container-of-selection,
   #profile {
     border-radius: unset;
     filter: unset;
@@ -995,3 +1058,11 @@ h1 {
   }
 
 }
+
+@media (max-width: 480px) {
+
+  #security-notices > .notice {
+    width: 300px;
+  }
+
+}