1 /* General style rules .*/
2 .pull-right { float: right }
8 /* General design elements */
11 -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
12 -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
13 box-shadow: inset 0px 1px 0px 0px #ffffff;
14 background-color: #ededed;
16 border: 1px solid #dcdcdc;
17 display: inline-block;
23 text-decoration: none;
27 .menu-popup .divider {
31 background-color: #2d2d2d;
35 text-decoration: overline;
38 /* List of social Networks */
39 img.connector, img.connector-disabled {
45 img.connector-disabled {
50 display: inline-block;
51 vertical-align: bottom;
54 vertical-align: super;
57 /* Embedded link information */
58 .type-link, .type-video {
59 border-top: 1px solid #D2D2D2;
60 border-bottom: 1px solid #D2D2D2;
67 .type-link:after, .type-video:after,
76 .type-video .oembed.video:after {
80 .wall-item-container .wall-item-content .type-link img,
81 .type-link img, .type-video img, img.attachment-preview {
88 .wall-item-container .wall-item-content .type-link img.attachment-image,
89 .type-link img.attachment-image, .type-video img.attachment-image {
97 .wall-item-like-expanded,
98 .wall-item-dislike-expanded,
99 .wall-item-attendyes-expanded,
100 .wall-item-attendno-expanded,
101 .wall-item-attendmaybe-expanded {
105 .type-link blockquote, .type-video blockquote {
115 .type-link .oembed, .type-video .oembed {
120 .type-link img, .type-video img {
123 .type-video .embed_video {
127 .type-link span.oembed + br, .type-video span.oembed + br,
128 .type-link a + br, .type-video a + br,
129 .type-link img + br, .type-video img + br{
139 .embed_video.active {
143 .oembed.video .embed_video > div {
150 transition: height .75s;
153 /* Shared Messages */
157 justify-content: space-between;
160 border-top: 1px solid #D2D2D2;
164 .shared_header > .avatar {
167 margin-inline-end: 9px;
169 .shared_header > .avatar > img {
170 -webkit-border-radius: 4px;
171 -moz-border-radius: 4px;
174 .shared_header > .metadata {
177 .shared_header > .metadata > p {
180 .shared_header > .preferences {
186 -webkit-transition: all 0.2s ease-in-out;
187 -moz-transition: all 0.2s ease-in-out;
188 -o-transition: all 0.2s ease-in-out;
189 -ms-transition: all 0.2s ease-in-out;
190 transition: all 0.2s ease-in-out;
193 blockquote.shared_content {
194 margin-inline-start: 32px;
201 margin: 0px 0px 10px 0px;
205 .vevent .event-summary {
206 margin: 0px 0px 10px 0px;
209 .vevent .event-description {
217 .settings-heading a:after{
221 #profile-photo-wrapper {
232 h1, h2, h3, h4, h5, h6 {
233 margin: 5px 0px 5px 0px;
236 text-rendering: optimizelegibility;
264 margin: 0px 0px 0px 0px;
269 background-color: #eee;
273 font-family: monospace;
276 /* fields help text */
281 /* notifications unseen */
282 .notification-unseen { background-color: #cceeFF; }
284 /* autocomplete popup */
305 vertical-align: middle;
307 .acpopup-contactname {
313 text-overflow: ellipsis;
321 text-overflow: ellipsis;
324 .textcomplete-item a {
327 text-overflow: ellipsis;
333 .textcomplete-item a:hover {
334 text-decoration: none;
337 /* plain text editor upload/select popup */
339 .fbrowser .path a, .fbrowser .path .btn-link { padding: 5px; }
340 .fbrowser .path a:before, .fbrowser .path .btn-link:before { content: "/"; padding-right: 5px;}
341 .fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
342 .fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
343 .fbrowser.image .photo-album-image-wrapper { float: left; }
344 .fbrowser.image a img, .fbrowser.image .btn-link img { height: 48px; }
345 .fbrowser.image a p, .fbrowser.image .btn-link p { display: none;}
346 .fbrowser.file .photo-album-image-wrapper { float:none; white-space: nowrap; }
347 .fbrowser.file img { display: inline; }
348 .fbrowser.file p { display: inline; white-space: nowrap; }
349 .fbrowser .upload { clear: both; padding-top: 1em;}
350 .fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
351 .fbrowser .error .close { float: right; font-weight: bold; }
352 .fbrowser .error.hidden { display: none; }
369 .itentity-match-wrapper {
377 .identity-match-photo {
383 .identity-match-name {
387 .identity-match-details {
397 .identity-match-break, .identity-match-end {
401 .identity-match-photo button {
411 .selected-identity img {
412 border: 2px solid #ff0000;
422 .federation-network-graph {
430 ul.federation-stats li,
435 table#federation-stats {
439 border-bottom: 1px solid #000;
442 .contact-entry-photo img {
447 /* forumlist widget */
451 vertical-align: middle;
454 #forum-widget-collapse {
459 aside .help-aside-wrapper ul {
463 aside .help-aside-wrapper h1 {
469 border: #ff0000 solid 2px;
470 background-color: #f9a3a3;
474 #forum-widget-collapse:hover {
478 .contact-advanced-label {
484 .contact-advanced-input {
503 #contact-edit-status-wrapper {
507 #contact-edit-actions {
509 display: inline-block;
512 #contact-edit-actions > .menu-popup {
517 #contact-edit-settings-label:after {
521 #contact-edit-settings {
527 #settings-form .pageflags {
528 margin: 0 0 20px 30px;
531 /* admin pending user notes */
536 td.pendingnote > p > span {
540 /* warning message */
541 .contact-advanced-error-message,
545 border-left: 5px solid #f00;
549 /* src/href attributes filter error display */
550 .invalid-src { border: 1px dotted red;}
551 .invalid-href { border-bottom: 1px dotted red;}
553 .invalid-href:after { content: '⚠️'}
554 img.invalid-src:after { vertical-align: top;}
587 color: DarkGoldenRod;
593 .tag10 .tag10:hover {
598 text-decoration: underline;
601 word-wrap: break-word;
604 #register-explicid-content {
608 span.emoji.mastodon img {
610 vertical-align: middle;
617 background-image: url('../images/friendica-404_svg_hare-bottom-light-inside.png');
618 background-position: 50px bottom;
619 background-repeat: no-repeat;
626 @media screen and (max-width: 600px) {
632 /* Profile Settings Custom Fields */
633 body.dragging, body.dragging * {
634 cursor: ns-resize !important;
643 #profile-custom-fields > fieldset > legend {
647 #profile-custom-fields div.placeholder {
651 border-top: 1px dotted black;
653 #profile-custom-fields div.placeholder:before {
661 border: 7px solid transparent;
662 border-left-color: black;