+
+/* Tag cloud */
+.tag1, .tag1:hover {
+ font-size: 0.9em ;
+ color: DarkGray;
+}
+.tag2, .tag2:hover {
+ font-size: 1.0em;
+ color: LawnGreen;
+}
+.tag3, .tag3:hover {
+ font-size: 1.1em;
+ color: DarkOrange;
+}
+.tag4, .tag4:hover {
+ font-size: 1.2em;
+ color: Red;
+}
+.tag5, .tag5:hover {
+ font-size: 1.3em;
+ color: Gold;
+}
+.tag6, .tag6:hover {
+ font-size: 1.4em;
+ color: Teal;
+}
+.tag7, .tag7:hover {
+ font-size: 1.5em;
+ color: DarkMagenta;
+}
+.tag8, .tag8:hover {
+ font-size: 1.6em;
+ color: DarkGoldenRod;
+}
+.tag9, .tag9:hover {
+ font-size: 1.7em;
+ color: DarkBlue;
+}
+.tag10 .tag10:hover {
+ font-size: 1.8em;
+ color: DeepPink;
+}
+.tags > a:hover {
+ text-decoration: underline;
+}
+.tag-cloud {
+ word-wrap: break-word;
+}
+
+#register-explicid-content {
+ font-weight: bold;
+}
+
+span.emoji.mastodon img {
+ height: 1.2em;
+ vertical-align: middle;
+}
+
+/* Exception page */
+
+#exception {
+ overflow: hidden;
+ background-image: url('../images/friendica-404_svg_hare-bottom-light-inside.png');
+ background-position: 50px bottom;
+ background-repeat: no-repeat;
+}
+
+#exception .hare {
+ float: right;
+}
+
+@media screen and (max-width: 600px) {
+ #exception .hare {
+ display: none;
+ }
+}
+
+/* Profile Settings Custom Fields */
+body.dragging, body.dragging * {
+ cursor: ns-resize !important;
+}
+
+.dragged {
+ position: absolute;
+ opacity: 0.5;
+ z-index: 2000;
+}
+
+#profile-custom-fields > fieldset > legend {
+ cursor: ns-resize;
+}
+
+#profile-custom-fields div.placeholder {
+ position: relative;
+ margin: 0;
+ padding: 0;
+ border-top: 1px dotted black;
+}
+#profile-custom-fields div.placeholder:before {
+ position: absolute;
+ content: "";
+ width: 0;
+ height: 0;
+ margin-top: -7px;
+ left: -7px;
+ top: -1px;
+ border: 7px solid transparent;
+ border-left-color: black;
+ border-right: none;
+}
+
+span.required {
+ color: #c80000;
+}
+
+audio {
+ width: 100%;
+}
+
+/**
+ * Image grid settings START
+ **/
+.imagegrid-row {
+ display: -ms-flexbox; /* IE10 */
+ display: flex;
+ margin-top: 1em;
+ column-gap: 5px;
+}
+
+.imagegrid-column {
+ -ms-flex: 50%; /* IE10 */
+ flex: 50%;
+ display: -ms-flexbox; /* IE10 */
+ display: flex;
+ flex-direction: column;
+ row-gap: 5px;
+}
+
+.imagegrid-column img {
+ -ms-flex: 50%; /* IE10 */
+ flex: 50%;
+}
+/**
+ * Image grid settings END
+ **/
+
+#contactblock .icon {
+ width: 48px;
+ height: 48px;
+}