To change this template file, choose Tools | Templates
and open the template in the editor.
*/
-/*
+/*
Created on : 17.02.2016, 23:55:45
Author : rabuzarus
*/
color: $link_color;
text-decoration: none;
}
+/* Anchors incorrectly display with a fixed top menu. This global rule offsets all
+ * anchors so that accessing them with a # link will actually scroll the associated
+ * content in the visible part of the page.
+ *
+ * anchor.top should be the opposite of body.padding-top
+ */
+body a[name]:not([href]) {
+ display: block;
+ position: relative;
+ top: -110px;
+ visibility: hidden;
+}
body a:hover, body a:focus, body a:active, body a.active, body .btn-link:hover{
/*color: #59d6e4;*/
iframe, img {
max-width: 100%;
}
+blockquote {
+ font-size: inherit;
+}
.clear {
clear: both;
}
.fakelink {
cursor: pointer;
}
+.hidden {
+ display: none !important;
+}
+code {
+ white-space: pre-wrap;
+}
/*
* standard page elements
display: none;
}
+#toggle_mobile_link {
+ display: none;
+}
+
/*
* Overwriting and Extend Bootstrap
*/
line-height: 1.5;
border-radius: 3px;
}
+.btn-xs {
+ padding: 1px 5px;
+ font-size: 12px;
+}
.btn-primary {
background: $nav_bg;
color: $btn_primary_color !important;
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;
}*/
.btn-main {
- /*background: #6fdbe8;*/
background: $link_color;
color: #fff!important;
}
.btn-main:hover, .btn-main:focus {
- /*background: #59d6e4!important;*/
background: $link_hover_color !important;
text-decoration: none;
}
.btn-main:active, .btn-main.active {
outline: 0;
- /*background: #59d6e4;*/
background: $link_hover_color;
}
+.toggle.btn {
+ border: 1px solid transparent;
+}
+.toggle.btn-xs {
+ min-width: 45px;
+}
+.toggle.off {
+ border-color: #ccc;
+}
+.toggle .toggle-off,
+.toggle .toggle-off:hover {
+ color: #ccc;
+ background-color: #eee;
+ box-shadow: none;
+}
+.toggle.off .toggle-handle {
+ background-color: #eee;
+}
+.toggle-handle {
+ background-color: #fff;
+ border-width: 0 1px;
+ border: 1px solid transparent;
+ border-color: #ccc;
+}
+.field.yesno:hover .toggle {
+ border-color: $link_hover_color;
+ transition: all 0.25s ease-in-out;
+}
+.field.yesno:hover .toggle-handle {
+ background-color: #fff;
+ transition: all 0.25s ease-in-out;
+}
.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
padding: .275rem .75rem;
vertical-align: baseline;
background-color: $link_color;
border-radius: 4px;
+ z-index: 1;
}
aside .badge {
opacity: 0.7;
}
+/* disabled elements */
+.community-content-wrapper > h3, .network-content-wrapper > .section-title-wrapper {
+ display:none;
+}
header #site-location {
display: none;
whitespace: nowrap;
padding-left: 55px;
}
-header #banner #logo-img,
+header #banner #logo-img,
.navbar-brand #logo-img {
/*mask: url('network#m1');*/
/*mask-image: url('img/friendica-25.png');*/
top: 4px;
right: -2px;
background-color: #ff8989;
-
+
/* text-transform: uppercase;
display: inline-block;
padding: 3px 5px 4px;
#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,
color: $nav_icon_color;
font-weight: 400;
font-size: 13px;
- padding: 4px 15px
+ padding: 4px 15px;
+ text-transform: capitalize;
}
.nav-pills .dropdown-menu li a i,
.nav-tabs .dropdown-menu li a i,
/*border-left: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color;
color: #fff!important;
- background-color: $menu_background_hover_color !important
+ background-color: $menu_background_hover_color !important;
}
-.nav-pills.preferences .dropdown .dropdown-toggle {
- color: #bebebe
+.nav-pills.preferences .dropdown .dropdown-toggle,
+.nav-pills.preferences > li > .btn {
+ color: #bebebe;
}
.nav-pills.preferences .dropdown.open .dropdown-toggle,
.nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
- background-color: $nav_bg
+ background-color: $nav_bg;
}
-.nav-pills.preferences .dropdown .dropdown-toggle {
+.nav-pills.preferences .dropdown .dropdown-toggle,
+.nav-pills.preferences > li > .btn {
padding: 2px 10px;
}
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;
/* vcard-short-info */
#vcard-short-info,
#nav-short-info .contact-wrapper {
- margin-top: 3px;
+ 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 {
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,
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 {
width: 90px;*/
}
#contact-block contact-block-link {
-
+
}
#contact-block .contact-block-img {
height: 75px;
#jot-modal .modal-header a,
#profile-jot-submit-wrapper a {
color: #555;
+ text-transform: capitalize;
}
#jot-modal .modal-header {
border-bottom: none;
#profile-jot-wrapper button#jot-submit {
margin-top: 5px;
}
+#profile-jot-wrapper #character-counter {
+ padding: 10px 15px;
+}
/* ACL */
/*#jot-modal-body {
.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;
+}
+
+/* wall-item content elements */
.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;
}
+code > .hl-main {
+ padding: 10px 10px 1px 0;
+}
+.hl-main ol {
+ line-height: 1.7;
+}
.wall-item-tags,
.itemedited {
margin-top: 10px;
/* item social action buttons */
.wall-item-actions, .wall-item-actions a {
font-size: 13px;
- /*color: #aeaeae;*/
color: #555;
margin-top: 15px;
margin-bottom: 0;
}
+.wall-item-actions a.active {
+ font-weight: bold;
+}
.wall-item-actions a:hover {
color: #555;
}
+.wall-item-actions a.active:hover {
+ color: $link_color;
+}
.wall-item-actions-left {
display: table-cell;
vertical-align: middle;
.wall-item-actions .button-likes {
padding-left: 0px;
padding-right: 0px;
+ text-transform: capitalize;
}
/* 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
.wall-item-container.thread_level_6,
.wall-item-container.thread_level_7 {
margin-left: 15px;
-
+
}
/* Menubar Tabs */
+section > .tabbar-wrapper {
+/* The tabbar shouldn't' be visibile inside
+the section element. Only after we have
+moved it to the nav through js */
+ display: none !important;
+}
#tabmenu,
+.tabbar-wrapper,
.tabbar,
.tabbar > li {
height: 100%;
/*margin-left: -15px;*/
padding: 0;
}
+#tabmenu .search-heading {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
ul.tabs {
list-style: none;
height: 100%;
transition: all .15s ease;
}
/*ul.tabs.visible-xs > li.active {
- min-width: 150px; This is a workaround to make the topbar-second dropdown better visible on mobile. We need something better here
+ min-width: 150px; This is a workaround to make the topbar-second dropdown better visible on mobile. We need something better here
}*/
ul.tabs li a {
margin-left: 10px;
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 */
-#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;
}
+
+.section-title-wrapper {
+ overflow: hidden;
+}
+/* Profile-page */
#profile-content-standard,
#profile-content-advanced {
overflow: hidden;
}
.contact-wrapper .contact-photo-image-wrapper img.contact-photo.xl {
height: 80px;
- width: 80px;
+ width: 80px;
}
.contact-wrapper .contact-photo-image-wrapper img.contact-photo-xs {
height: 48px;
margin-top: -20px;
}
.contact-wrapper .media-body .contact-entry-name h4.media-heading a {
- font-weight: bold !important;
+ font-weight: bold !important;
color: $link_color;
font-size: 15px !important;
}
#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;
#poke-wrapper-end {
clear: both;
}
+
+/* Events page */
+
+.fc .fc-month-view .fc-content .fc-title .item-desc:hover {
+ color: $link_hover_color;
+}
+.fc .fc-list-item-title a {
+ color: $link_color;
+}
+.fc .fc-list-item-title a[href]:hover {
+ color: $link_hover_color;
+ text-decoration: none;
+}
+/*.event-date-wrapper.medium .event-hover-short-month {
+ color: $link_color;
+}*/
+.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;
+}
+
+/* Intro Notifications */
+ul.notif-network-list {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+ul.notif-network-list > li {
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.intro-wrapper.media {
+ overflow: visible;
+ word-wrap: break-word;
+ margin-top: 0;
+}
+.intro-photo-wrapper img.intro-photo {
+ 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
+}
+
+/* Notifications Page */
+ul.notif-network-list li.unseen {
+ background-color: #f3fcfd;
+}
+.notif-item img.notif-image {
+ height: 48px;
+ width: 48px;
+ border-radius: 4px;
+}
+.notif-item .notif-desc-wrapper {
+ height: 48px;
+}
+.notif-item .notif-desc-wrapper a {
+ height: 100%;
+ display: block;
+ color: #555;
+ font-size: 13px;
+ font-weight: 600;
+}
+
+/* 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;
+}
+
+/* Help Page */
+section.help-content-wrapper h1 {
+ padding-bottom: 0.3em;
+ font-size: 1.8em;
+ border-bottom: 1px solid #ddd;
+}
+section.help-content-wrapper h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #ddd;
+}
+section.help-content-wrapper h3 {
+ font-size: 1.2em;
+}
+section.help-content-wrapper h4 {
+ font-size: 1em;
+}
+section.help-content-wrapper h1,
+section.help-content-wrapper h2,
+section.help-content-wrapper h3,
+section.help-content-wrapper h4,
+section.help-content-wrapper h5,
+section.help-content-wrapper h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25;
+}
+section.help-content-wrapper p {
+ margin: 0.4em 0;
+}
+section.help-content-wrapper p,
+section.help-content-wrapper a,
+section.help-content-wrapper li {
+ line-height: 1.6;
+ font-size: 0.96em;
+}
+
/*
* Overwriting for transparency and other colors
*/
#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list > li:first-child {
display: none;
}
-#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list
+#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list
.textcomplete-item > a {
padding: 0 !important;
border-left: none;
body .tread-wrapper .hovercard:hover .hover-card-content a {
color: $link_color !important;
}
+
+/*
+ * some temporary workarounds until this will solved
+ * elsewhere (e.g. new templates)
+ */
+section .profile-match-wrapper {
+ float: left;
+}
projects / friendica.git / blobdiff