/* General style rules .*/
.pull-right { float: right }
-/* General designing elements */
+details > summary {
+ cursor: pointer;
+}
+
+/* General design elements */
.btn {
outline: none;
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
text-decoration: overline;
}
+.template-icon {
+ width: 24px;
+ height: 24px;
+}
+
/* List of social Networks */
img.connector, img.connector-disabled {
height: 40px;
.wall-item-container .wall-item-content .type-link img.attachment-image,
.type-link img.attachment-image, .type-video img.attachment-image {
- /* max-width: 640px; */
max-width: 100%;
max-height: initial;
float: initial;
margin-right: 0px;
}
+.wall-item-emoji {
+ margin-right: 5px;
+}
.wall-item-like-expanded,
.wall-item-dislike-expanded,
}
/* Shared Messages */
+
.shared_header {
+ display: flex;
+ justify-content: space-between;
min-height: 32px;
color: #999;
border-top: 1px solid #D2D2D2;
padding-top: 5px;
margin-top: 5px;
}
+.shared_header > .avatar {
+ display: block;
+ flex: 0 0 41px;
+ margin-inline-end: 9px;
+}
+.shared_header > .avatar > img {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.shared_header > .metadata {
+ flex: 1 0 auto;
+}
+.shared_header > .metadata > p {
+ margin: 0;
+}
+.shared_header > .preferences {
+ position: static;
+ flex: 0 0 auto;
+}
.shared_header a {
- color: black;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
-.shared_header a:hover {
- color: #36c;
-}
-
-.shared_header img {
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- float: left;
- margin-right: 9px;
-}
-
-.shared_header span {
- display: table-cell;
- float: none;
-}
-
blockquote.shared_content {
- margin-left: 32px;
+ margin-inline-start: 32px;
color: #000;
border: none;
}
}
/* notifications unseen */
-.notify-unseen { background-color: #cceeFF; }
+.notification-unseen { background-color: #cceeFF; }
/* autocomplete popup */
ul.acpopup {
.fbrowser .path a:before, .fbrowser .path .btn-link:before { content: "/"; padding-right: 5px;}
.fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
.fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
-.fbrowser.image .photo-album-image-wrapper { float: left; }
-.fbrowser.image a img, .fbrowser.image .btn-link img { height: 48px; }
-.fbrowser.image a p, .fbrowser.image .btn-link p { display: none;}
-.fbrowser.file .photo-album-image-wrapper { float:none; white-space: nowrap; }
-.fbrowser.file img { display: inline; }
-.fbrowser.file p { display: inline; white-space: nowrap; }
+.fbrowser.photo .photo-album-image-wrapper { float: left; }
+.fbrowser.photo a img, .fbrowser.photo .btn-link img { height: 48px; }
+.fbrowser.photo a p, .fbrowser.photo .btn-link p { display: none;}
+.fbrowser.attachment .photo-album-image-wrapper { float:none; white-space: nowrap; }
+.fbrowser.attachment img { display: inline; }
+.fbrowser.attachment p { display: inline; white-space: nowrap; }
.fbrowser .upload { clear: both; padding-top: 1em;}
.fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
.fbrowser .error .close { float: right; font-weight: bold; }
border: 0;
}
-.itentity-match-wrapper {
+.identity-match-wrapper {
float: left;
padding: 10px;
width: 120px;
.selected-identity img {
border: 2px solid #ff0000;
}
-/* poke */
-#poke-desc {
- margin: 5px 0 10px;
-}
-
-#poke-wrapper {
- padding: 10px 0 0px;
-}
-
-#poke-recipient, #poke-action, #poke-privacy-settings {
- margin: 10px 0 30px;
-}
-
-#poke-recip-label, #poke-action-label, #prvmail-message-label {
- margin: 10px 0 10px;
-}
.version-match {
font-weight: bold;
color: #00a700;
max-height: 80px;
}
-/* forumlist widget */
-.forumlist-img {
+/* group list widget */
+.group-list-img {
height: 20px;
width: 20px;
vertical-align: middle;
}
-#forum-widget-collapse {
+#group-widget-collapse {
opacity: 0.3;
}
color: #ffffff;
}
-#forum-widget-collapse:hover {
+#group-widget-collapse:hover {
opacity: 1.0;
}
-.crepair-label {
+.contact-advanced-label {
margin-top: 10px;
float: left;
width: 250px;
}
-.crepair-input {
+.contact-advanced-input {
margin-top: 10px;
float: left;
width: 200px;
}
/* warning message */
-.crepair-error-message,
+.contact-advanced-error-message,
.warning-message {
padding: 10px;
margin: 5px;
word-wrap: break-word;
}
-#register-explicid-content {
+#register-explicit-content {
font-weight: bold;
}
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;
+}