background: set background-attachment to fixed

[friendica.git] / css / style.css

diff --git a/css/style.css b/css/style.css
index 5c55d432179875c96339a2413a842dc08df57c68..834e7505cb6264246b994d71f9be2348dc78a56b 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -9,7 +9,7 @@ and open the template in the editor.
 */
 
 /* Imports */
-@import url("frameworks/bootstrap/css/bootstrap.min.css");
+/*@import url("frameworks/bootstrap/css/bootstrap.min.css");
 @import url("frameworks/bootstrap/css/bootstrap-theme.min.css");
 @import url("frameworks/font-awesome/css/font-awesome.min.css");
 @import url("frameworks/jasny/css/jasny-bootstrap.min.css");
@@ -19,6 +19,7 @@ and open the template in the editor.
 @import url("frameworks/justifiedGallery/justifiedGallery.min.css");
 @import url("frameworks/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css");
 @import url("font/open_sans/open-sans.css");
+@import url("css/hovercard.css");*/
 
 
 body {
@@ -26,6 +27,7 @@ body {
     background-color: $bgcolor;
     background-image: url("$background_image");
     background-size: $background_size_img;
+    background-attachment: fixed;
     color: #777;
     /*color: #555;*/
     font-family: 'Open Sans',sans-serif;
@@ -83,6 +85,22 @@ iframe, img {
     line-height: 1.5;
 }
 
+a#item-delete-selected {
+    cursor: pointer;
+    color: white;
+    position: fixed;
+    z-index: 49;
+    right: 20px;
+    top: 100px;
+    opacity: 0.8;
+    font-size: 2.9em;
+    padding: 0 12px 0 12px;
+    border-radius: 10px;
+    background-color: $link_color;
+    line-height: 1.5;
+    display: none;
+}
+
 /*
 * Overwriting and Extend Bootstrap
 */
@@ -164,6 +182,29 @@ iframe, img {
     background: $link_hover_color;
 }
 
+/* Bootstrap media class fix/hack
+ * This is a test. I thought it does have some
+ * issues in some corner cases. Maybe we remove
+ * once more
+ * https://github.com/twbs/bootstrap/issues/6053
+ */
+.media, .media-body {
+    overflow: visible;
+}
+.media .media-body {
+    display: table-cell;
+    width: 10000px;
+    *width: auto;
+    *zoom: 1;
+}
+.media:before, .media:after {
+    content: "";
+    display: table;
+}
+.media:after {
+    clear: both;
+}
+
 /* Badges */
 .badge {
     vertical-align: baseline;
@@ -1162,7 +1203,11 @@ section #jotOpen {
 .media .media-body h5.media-heading a {
     display: block;
 }
-.media .contact-info-xs h5 {
+.media .contact-info-comment {
+    display: table-cell;
+}
+.media .contact-info-xs h5,
+.media .contact-info-comment {
     margin: 0 0 5px;
 }
 .media-heading {
@@ -1172,6 +1217,10 @@ section #jotOpen {
     font-size: 15px;
     font-weight: bold;
 }
+.wall-item-name.xs {
+    font-weight: 700;
+    font-size: 14px;
+}
 
 /* The lock symbol popup */
 #panel {
@@ -1338,10 +1387,14 @@ blockquote.shared_content {
 }
 .comment-edit-submit-wrapper a,
 .comment-edit-submit-wrapper a:hover {
-    color: #555;
     padding-top: 5px !important;
     padding-bottom: 5px !important;
 }
+.comment-icon-list a.icon,
+.comment-icon-list a.icon:hover {
+    color: #555;
+    background-color: transparent;
+}
 
 /* acpopup  + textcompletion*/
 .acpopup {
@@ -1602,17 +1655,17 @@ ul.viewcontact_wrapper > li {
 }
 /* bootstrap hack for .media */
 .contact-wrapper.media .media-body {
-display: table-cell;
-width: 10000px;
-*width: auto;
-*zoom: 1;
+    display: table-cell;
+    width: 10000px;
+    *width: auto;
+    *zoom: 1;
 }
 .contact-wrapper.media:before, .media:after {
-content: "";
-display: table;
+    content: "";
+    display: table;
 }
 .contact-wrapper.media:after {
-clear: both;
+    clear: both;
 }
 .contact-wrapper .contact-photo-image-wrapper img.contact-photo.xl {
     height: 80px;
@@ -1647,6 +1700,17 @@ clear: both;
     padding-top: 10px;
 }
 
+/* private mail */
+#prvmail-end {
+    clear:both;
+}
+/* poke */
+#poke-desc {
+    margin: 5px 0 30px;
+}
+#poke-wrapper-end {
+    clear: both;
+}
 /*
 * Overwriting for transparency and other colors
 */