1 /* General style rules .*/
2 .pull-right { float: right }
4 /* General designing elements */
7 -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
8 -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
9 box-shadow: inset 0px 1px 0px 0px #ffffff;
10 background-color: #ededed;
12 border: 1px solid #dcdcdc;
13 display: inline-block;
19 text-decoration: none;
23 .menu-popup .divider {
27 background-color: #2d2d2d;
31 text-decoration: overline;
34 /* List of social Networks */
35 img.connector, img.connector-disabled {
41 img.connector-disabled {
46 display: inline-block;
47 vertical-align: bottom;
50 vertical-align: super;
53 /* Embedded link information */
54 .type-link, .type-video {
55 border-top: 1px solid #D2D2D2;
56 border-bottom: 1px solid #D2D2D2;
63 .type-link:after, .type-video:after,
72 .type-video .oembed.video:after {
76 .wall-item-container .wall-item-content .type-link img,
77 .type-link img, .type-video img, img.attachment-preview {
84 .wall-item-container .wall-item-content .type-link img.attachment-image,
85 .type-link img.attachment-image, .type-video img.attachment-image {
86 /* max-width: 640px; */
94 .wall-item-like-expanded,
95 .wall-item-dislike-expanded,
96 .wall-item-attendyes-expanded,
97 .wall-item-attendno-expanded,
98 .wall-item-attendmaybe-expanded {
102 .type-link blockquote, .type-video blockquote {
112 .type-link .oembed, .type-video .oembed {
117 .type-link img, .type-video img {
120 .type-video .embed_video {
124 .type-link span.oembed + br, .type-video span.oembed + br,
125 .type-link a + br, .type-video a + br,
126 .type-link img + br, .type-video img + br{
136 .embed_video.active {
140 .oembed.video .embed_video > div {
147 transition: height .75s;
150 /* Shared Messages */
154 border-top: 1px solid #D2D2D2;
161 -webkit-transition: all 0.2s ease-in-out;
162 -moz-transition: all 0.2s ease-in-out;
163 -o-transition: all 0.2s ease-in-out;
164 -ms-transition: all 0.2s ease-in-out;
165 transition: all 0.2s ease-in-out;
168 .shared_header a:hover {
173 -webkit-border-radius: 4px;
174 -moz-border-radius: 4px;
180 .shared_header span {
185 blockquote.shared_content {
193 margin: 0px 0px 10px 0px;
197 .vevent .event-summary {
198 margin: 0px 0px 10px 0px;
201 .vevent .event-description {
209 .settings-heading a:after{
213 #profile-photo-wrapper {
224 h1, h2, h3, h4, h5, h6 {
225 margin: 5px 0px 5px 0px;
228 text-rendering: optimizelegibility;
256 margin: 0px 0px 0px 0px;
261 background-color: #eee;
265 font-family: monospace;
268 /* fields help text */
273 /* notifications unseen */
274 .notify-unseen { background-color: #cceeFF; }
276 /* autocomplete popup */
297 vertical-align: middle;
299 .acpopup-contactname {
305 text-overflow: ellipsis;
313 text-overflow: ellipsis;
316 .textcomplete-item a {
319 text-overflow: ellipsis;
325 .textcomplete-item a:hover {
326 text-decoration: none;
329 /* plain text editor upload/select popup */
331 .fbrowser .path a, .fbrowser .path .btn-link { padding: 5px; }
332 .fbrowser .path a:before, .fbrowser .path .btn-link:before { content: "/"; padding-right: 5px;}
333 .fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
334 .fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
335 .fbrowser.image .photo-album-image-wrapper { float: left; }
336 .fbrowser.image a img, .fbrowser.image .btn-link img { height: 48px; }
337 .fbrowser.image a p, .fbrowser.image .btn-link p { display: none;}
338 .fbrowser.file .photo-album-image-wrapper { float:none; white-space: nowrap; }
339 .fbrowser.file img { display: inline; }
340 .fbrowser.file p { display: inline; white-space: nowrap; }
341 .fbrowser .upload { clear: both; padding-top: 1em;}
342 .fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
343 .fbrowser .error .close { float: right; font-weight: bold; }
344 .fbrowser .error.hidden { display: none; }
361 .itentity-match-wrapper {
369 .identity-match-photo {
375 .identity-match-name {
379 .identity-match-details {
389 .identity-match-break, .identity-match-end {
393 .identity-match-photo button {
403 .selected-identity img {
404 border: 2px solid #ff0000;
415 #poke-recipient, #poke-action, #poke-privacy-settings {
419 #poke-recip-label, #poke-action-label, #prvmail-message-label {
430 .federation-network-graph {
438 ul.federation-stats li,
443 table#federation-stats {
447 border-bottom: 1px solid #000;
450 .contact-entry-photo img {
455 /* forumlist widget */
459 vertical-align: middle;
462 #forum-widget-collapse {
467 aside .help-aside-wrapper ul {
471 aside .help-aside-wrapper h1 {
477 border: #ff0000 solid 2px;
478 background-color: #f9a3a3;
482 #forum-widget-collapse:hover {
511 #contact-edit-status-wrapper {
515 #contact-edit-actions {
517 display: inline-block;
520 #contact-edit-actions > .menu-popup {
525 #contact-edit-settings-label:after {
529 #contact-edit-settings {
535 #settings-form .pageflags {
536 margin: 0 0 20px 30px;
539 /* admin pending user notes */
544 td.pendingnote > p > span {
548 /* warning message */
549 .crepair-error-message,
553 border-left: 5px solid #f00;
557 /* src/href attributes filter error display */
558 .invalid-src { border: 1px dotted red;}
559 .invalid-href { border-bottom: 1px dotted red;}
561 .invalid-href:after { content: '⚠️'}
562 img.invalid-src:after { vertical-align: top;}
595 color: DarkGoldenRod;
601 .tag10 .tag10:hover {
606 text-decoration: underline;
609 word-wrap: break-word;
612 #register-explicid-content {
616 span.emoji.mastodon img {
618 vertical-align: middle;