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;
.btn-link:focus, .btn-link:hover {
color: #23527c;
}
+.btn-eventnav, btn-eventnav:hover {
+ font-size: 16px;
+ background: none;
+ background-color: transparent;
+ padding: 0 14px;
+}
+.btn-separator {
+ border-left: 1px solid #777;
+}
/*.btn-info {
background: #6fdbe8;
color: #fff!important;
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: 0px;
padding: 10px 15px;
}
+#search-mobile .navbar-form {
+ margin: 0;
+}
#topbar-first #search-box .form-search {
height: 25px;
font-size: 13px;
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
/*margin-left: -15px;*/
padding: 0;
}
+#tabmenu .search-heading {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
ul.tabs {
list-style: none;
height: 100%;
color: $link_color;
font-size: 20px;
}
+.search-content-wrapper > #search-header-wrapper {
+ display: none;
+}
+.search-content-wrapper > .section-title-wrapper {
+ display: none;
+}
+#navbar-button > #search-save-form > #search-save {
+ margin-top: 3px;
+}
/* Section-Content-Wrapper */
#search-header-wrapper {
padding: 15px;
-moz-box-shadow: 0 0 3px #dadada;
}
-/* PAGES */
+/* *******
+ * PAGES
+ *********/
-/* Profile-page */
-.generic-page-wrapper ,#profile-page, .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,
-.profile_photo-content-wrapper, photos-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;
clear: both;
}
+/* Events page */
+#fc-header {
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+#fc-header-left,
+#fc-header-right,
+#event-calendar-title {
+ display: inline-block;
+}
+#fc-title {
+ margin: 0;
+ padding-left: 20px;
+
+}
+#fc-header-right {
+ margin-top: -4px;
+}
+#event-calendar-title {
+ vertical-align: middle;
+}
+a#event-calendar-views {
+ padding: 6px 9px;
+ font-size: 14px
+}
+tr.fc-first,
+tr.fc-first th {
+ border-left: none;
+ border-right: none;
+ border-top: none;
+}
+td.fc-day {
+ border-left: none;
+ border-right: none;
+ padding: 0 6px;
+}
+#events-calendar .fc-grid .fc-day-number {
+ float: left;
+ font-size: 0.9em;
+}
+.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;
#profile-listing-new-link-wrapper {
margin-bottom: 20px;
}
-.profiles-content-wrapper #profile-edit-wrapper {
+.panel-group-settings {
margin-left: -15px;
margin-right: -15px;
}
-.profiles-content-wrapper #profile-edit-wrapper > .panel {
+.panel-group-settings > .panel {
padding-left: 15px;
padding-right: 15px;
}
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
*/
projects / friendica.git / blobdiff