iframe, img {
max-width: 100%;
}
+blockquote {
+ font-size: inherit;
+}
.clear {
clear: both;
}
.fakelink {
cursor: pointer;
}
+.hidden {
+ display: none !important;
+}
/*
* standard page elements
display: none;
}
+#toggle_mobile_link {
+ display: none;
+}
+
/*
* Overwriting and Extend Bootstrap
*/
outline: 0;
background: $btn_primary_hover_color !important;
}
+.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
+.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
+.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
+.open>.dropdown-toggle.btn-primary:hover,.btn-primary.active, .btn-primary:active,
+.open>.dropdown-toggle.btn-primary {
+ background: $btn_primary_hover_color;
+ border-color: none;
+}
+
.btn-link {
/* color: #6fdbe8;*/
color: $link_color;
opacity: 0.7;
}
+/* disabled elements */
+.community-content-wrapper > h3, .network-content-wrapper > .section-title-wrapper {
+ display:none;
+}
header #site-location {
display: none;
#topbar-first .btn-enter:hover {
background-color: #89a2b0
}
+.navbar-fixed-top ul.nav.navbar-nav.navbar-right {
+ display: flex;
+}
/* Notification Menu */
margin: 0;
font-weight: 400
}
-
+#topbar-second #nav-short-info .heading {
+ margin-left: -14px;
+ overflow: hidden;
+ white-space: nowrap;
+ padding-right: 20px;
+ text-overflow: ellipsis;
+}
+#topbar-second #tabmenu .heading {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: $link_color;
+ text-align: center;
+}
/* Dropdown Menus */
.nav-pills .dropdown-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;
aside .vcard #wallmessage-link {
width: 100%;
}
+/* vcard-short-info */
+#vcard-short-info,
+#nav-short-info .contact-wrapper {
+ margin-top: 2px;
+ height: 40px;
+ white-space: nowrap;
+ overflow: hidden;
+ padding-right: 20px;
+ margin-left: -14px;
+}
+#vcard-short-photo-wrapper img,
+#nav-short-info .contact-wrapper img {
+ height: 34px;
+ width: 34px;
+ border-radius: 3px;
+}
+#vcard-short-desc,
+#nav-short-info .contact-wrapper .media-body {
+ display: block;
+ height: 34px;
+ width: 100%;
+ text-overflow: ellipsis;
+}
+#vcard-short-desc > .media-heading,
+#vcard-short-desc > .vcard-short-addr,
+#nav-short-info .contact-wrapper .media-heading,
+#nav-short-info .contact-wrapper #contact-entry-url-network {
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#vcard-short-desc > .media-heading,
+#nav-short-info .contact-wrapper .media-heading {
+ margin-bottom: 1px;
+ font-weight: bold;
+}
+#nav-short-info .contact-wrapper .media-heading a {
+ color: #555;
+ font-size: 14px !important;
+}
+#vcard-short-desc > .vcard-short-addr,
+#nav-short-info .contact-wrapper #contact-entry-url-network {
+ color: #777;
+ font-size: 12px;
+}
+.network-content-wrapper > #viewcontact_wrapper-network,
+#nav-short-info .contact-wrapper .contact-photo-overlay,
+#nav-short-info .contact-wrapper .contact-actions{
+ display: none
+}
aside #peoplefind-sidebar input,
aside #follow-sidebar input {
aside #saved-search-list .saved-search-li .savedsearchdrop:hover {
opacity: 1;
}
+aside #group-sidebar li .group-checkbox {
+ margin: 0;
+}
+aside #group-sidebar li .group-edit-tool {
+ padding-right: 10px;
+}
+aside #group-sidebar li .group-edit-tool:first-child {
+ padding-right: 0px;
+}
/* contact block widget */
#contact-block .contact-block-content {
.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 */
-#profile-page, .photos-content-wrapper, .settings-content-wrapper,
-.contacts-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,
-.events-content-wrapper, .message-content-wrapper, .apps-content-wrapper,
-.notifications-content-wrapper, .admin-content-wrapper, .group-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;
#directory-search-wrapper{
padding: 10px 0;
}
+#contact-drop-confirm .contact-actions,
+#contact-drop-confirm .contact-photo-overlay,
+#contact-drop-confirm .contact-photo-menu {
+ display: none;
+}
+#contact-drop-confirm #confirm-form {
+ margin-top: 20px;
+}
+
+/* contact-edit */
+#contact-edit-actions {
+ position: absolute;
+}
+#contact-edit-status-wrapper {
+ border: none;
+ background-color: #E1F5FE;
+ margin: 15px -15px;
+}
+#contact-edit-tools {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+#contact-edit-tools > .panel {
+ padding-left: 15px;
+ padding-right: 15px;
+}
+#contact-edit-settings {
+ display: block;
+ margin: 0;
+}
/* directory page */
#directory-search-heading {
#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;
.event-wrapper .event-owner {
margin-bottom: 15px;
}
+.event-wrapper .event-owner img {
+ display: block;
+}
.event-owner img {
margin-right: 5px;
height: 48px;
width: 48;
border-radius: 3px;
}
+.event-wrapper .vevent {
+ margin-left: 0;
+ margin-right: 0;
+ box-shadow: 1.5px 0 0 0 rgba(0, 0, 0, .1) inset;
+}
.event-wrapper .event-buttons {
margin-top: 15px;
}
+#event-form-wrapper {
+ padding-top: 5px;
+}
+#event-edit-form-wrapper {
+ padding-top: 15px;
+}
+#event-nav a {
+ color: #555;
+}
+#event-edit-form-wrapper #event-edit-time {
+ padding: 10px 0;
+}
+/* Profiles Page */
+.profile-listing-table {
+ display: table;
+ width: 100%;
+}
+.profile-listing-row {
+ display: table-row;
+}
+.profile-listing-cell {
+ display: table-cell;
+}
+.profile-listing-photo {
+ width: 48px;
+ height: 48px;
+ margin: 10px 0px;
+}
+#profile-listing-new-link-wrapper {
+ margin-bottom: 20px;
+}
+.panel-group-settings {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+.panel-group-settings > .panel {
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.profiles-content-wrapper #profile-photo-upload-section {
+ display: none;
+ margin-left: -15px;
+ margin-right: -15px;
+ margin-top: 15px;
+ padding: 15px;
+}
+#profile-photo-upload-close {
+ font-size: 14px;
+}
+
+/* Settings */
+.section-subtitle-wrapper {
+ padding: 1px 10px;
+}
+.panel .section-subtitle-wrapper a.accordion-toggle:before {
+ font-family: FontAwesome;
+ content: "\f0d7";
+ padding-right: 5px;
+}
+.panel .section-subtitle-wrapper a.accordion-toggle.collapsed:before {
+ font-family: FontAwesome;
+ content: "\f0da";
+}
+#settings-nick-wrapper {
+ margin-bottom: 20px;
+}
+.group {
+ margin-left: 20px;
+}
+
+/* Notifications */
+ul.notif-network-list {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+ul.notif-network-list > li {
+ 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,
+.notif-item img.notif-image {
+ height:80px;
+ width: 80px;
+ border-radius: 4px;
+}
+.intro-actions {
+ display: flex;
+}
+.intro-enty-name h4 {
+ font-size: 15px !important;
+}
+.intro-wrapper button.intro-action-link {
+ opacity: 0.1;
+ transition: all 0.25s ease-in-out;
+}
+.intro-wrapper button.intro-action-link,
+.intro-wrapper button.intro-action-link:hover {
+ padding-right: 5px;
+ padding-left: 5px;
+ color: #555;
+}
+ul li:hover .intro-wrapper button.intro-action-link {
+ opacity: 0.8;
+ transition: all 0.25s ease-in-out;
+}
+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
*/