iframe, img {
max-width: 100%;
}
+blockquote {
+ font-size: inherit;
+}
.clear {
clear: both;
}
display: none;
}
+#toggle_mobile_link {
+ display: none;
+}
+
/*
* Overwriting and Extend Bootstrap
*/
#topbar-first .btn-enter:hover {
background-color: #89a2b0
}
+.navbar-fixed-top ul.nav.navbar-nav.navbar-right {
+ display: flex;
+}
/* Notification Menu */
white-space: nowrap;
padding-bottom: 2px;
}
+
aside .vcard .detail {
display: table;
padding: 5px 0;
}
+aside .xmpp {
+ display: table;
+}
aside .vcard .icon {
display: table-cell;
padding-right: 10px;
.wall-item-body > a > img {
border-radius: 3px;
}
+.wall-item-body .body-attach > a {
+ color: #555;
+ display: inline-block;
+}
+.wall-item-body .body-attach > a div {
+ color: #555;
+ width: 20px;
+}
+
.shared-wrapper,
.vevent {
- margin-left: 50px;
- margin-right: 50px;
padding: 10px;
box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05);
}
}
.shared_header {
margin-left: 0px;
- margin-top: 0px;
+ margin-top: 0px;
padding-top: 0px;
+ margin-bottom: 10px;
border-top: none;
color: inherit;
}
blockquote.shared_content {
- margin-left: 20px;
+ padding: 0px;
+ margin-left: 0px;
color: inherit;
}
.wall-item-tags,
/* wall item hover effects */
.wall-item-container .wall-item-links,
-.wall-item-container .wall-item-actions {
+.wall-item-container .wall-item-actions,
+.wall-item-container .body-attach > a {
opacity: 0.3;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.wall-item-container:hover .wall-item-links,
-.wall-item-container:hover .wall-item-actions {
+.wall-item-container:hover .wall-item-actions,
+.wall-item-container:hover .body-attach > a {
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
+.wall-item-container .wall-item-body .body-attach > a:hover {
+ opacity: 1;
+}
/*
/* Comments
-moz-box-shadow: 0 0 3px #dadada;
}
-/* PAGES */
+/* *******
+ * PAGES
+ *********/
-/* Profile-page */
-.generic-page-wrapper ,#profile-page, .profile_photo-content-wrapper,
- .suggest-content-wrapper, .common-content-wrapper,
+.generic-page-wrapper, .profile_photo-content-wrapper, .videos-content-wrapper,
+ .suggest-content-wrapper, .common-content-wrapper, .help-content-wrapper,
.allfriends-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper,
.directory-content-wrapper, .manage-content-wrapper, .notes-content-wrapper,
-.message-content-wrapper, .apps-content-wrapper,
-.admin-content-wrapper, .group-content-wrapper, .viewcontacts-content-wrapper {
+.message-content-wrapper, .apps-content-wrapper, .photos-content-wrapper,
+.admin-content-wrapper, .group-content-wrapper, .viewcontacts-content-wrapper,
+.dfrn_request-content-wrapper, .friendica-content-wrapper, .credits-content-wrapper,
+.nogroup-content-wrapper, .profperm-content-wrapper {
min-height: calc(100vh - 150px);
padding: 15px;
padding-bottom: 20px;
-webkit-box-shadow: 0 0 3px #dadada;
-moz-box-shadow: 0 0 3px #dadada;
}
+
+/* Profile-page */
#profile-content-standard,
#profile-content-advanced {
overflow: hidden;
#prvmail-end {
clear:both;
}
+/* photos */
+.photo-album-actions {
+ margin-bottom: 10px;
+}
+.photo-album-actions .photos-order-link {
+ float: right;
+}
/* poke */
#poke-desc {
margin: 5px 0 30px;
padding-left: 15px;
padding-right: 15px;
}
+ul.notif-network-list li.unseen {
+ border-left: 3px solid #f3fcfd;
+ background-color: #f3fcfd;
+}
.intro-wrapper.media {
overflow: visible;
word-wrap: break-word;
margin-top: 0;
}
-.intro-photo-wrapper img.intro-photo {
+.intro-photo-wrapper img.intro-photo,
+.notif-item img.notif-image {
height:80px;
width: 80px;
border-radius: 4px;
ul li:hover .intro-wrapper button.intro-action-link:hover {
opacity: 1;
}
+.intro-action-buttons {
+ margin-top: 15px;
+ /*display: none;*/
+ max-height: 0px;
+ overflow: hidden;
+ transition: max-height 0.1s ease-out;
+}
+ul.notif-network-list > li:hover .intro-action-buttons {
+ /*display: block;*/
+ max-height: 30px;
+ transition: max-height 0.1s ease-in;
+}
.intro-desc-label, .intro-url-label, .intro-network-label,
.intro-location-label, .intro-gender-label, .intro-keywords-label,
.intro-about-label, .intro-knowyou-label {
font-weight: bold;
}
+.intro-contact-info.xs .intro-url-label, .intro-contact-info.xs .intro-network-label,
+.intro-contact-info.xs .intro-location-label, .intro-contact-info.xs .intro-gender-label,
+.intro-contact-info.xs .intro-keywords-label, .intro-contact-info.xs .intro-about-label,
+.intro-contact-info.xs .intro-knowyou-label {
+ display: block;
+ margin-top: 5px
+}
+
+/* Search Page */
+
+/* This is a little bit hacky. Since the search page is used for diferent
+content types we can't apply the generic-page-wrapper class.
+So we apply the css of the generic-page-wrapper class to the ul element with some
+little modifications to emulate a standard page template */
+.search-content-wrapper > ul.viewcontact_wrapper {
+ min-height: calc(100vh - 150px);
+ padding-top: 15px;
+ padding-bottom: 20px;
+ margin: 0;
+ margin-bottom: 20px;
+ border: none;
+ /*background-color: #fff;*/
+ background-color: rgba(255,255,255,$contentbg_transp);
+ border-radius: 4px;
+ position: relative;
+ /*overflow: hidden;*/
+ color: #555;
+ box-shadow: 0 0 3px #dadada;
+ -webkit-box-shadow: 0 0 3px #dadada;
+ -moz-box-shadow: 0 0 3px #dadada;
+}
+
/*
* Overwriting for transparency and other colors
*/