X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fquattro%2Flilac%2Fstyle.css;h=5ea6b40c3bd5b8369a9ef16fdfd12f2e549b777e;hb=4b6afbf6814acde5151edc74f0b6cf1fd7685432;hp=9b191dab97b33f1cce51c8b2d75c8a2006ee390a;hpb=64946972b2004b0b8252da670d0e990143a40b77;p=friendica.git

diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css
index 9b191dab97..5ea6b40c3b 100644
--- a/view/theme/quattro/lilac/style.css
+++ b/view/theme/quattro/lilac/style.css
@@ -43,6 +43,9 @@
 .icon.edit {
   background-image: url("../../../images/icons/22/edit.png");
 }
+.icon.pencil {
+  background-image: url("../../../images/icons/22/edit.png");
+}
 .icon.star {
   background-image: url("../../../images/icons/22/star.png");
 }
@@ -52,6 +55,9 @@
 .icon.link {
   background-image: url("../../../images/icons/22/link.png");
 }
+.icon.remote-link {
+  background-image: url("../../../images/icons/22/link.png");
+}
 .icon.lock {
   background-image: url("../../../images/icons/22/lock.png");
 }
@@ -64,6 +70,9 @@
 .icon.type-unkn {
   background-image: url("../../../images/icons/22/zip.png");
 }
+.icon.type-application {
+  background-image: url("../../../images/icons/22/zip.png");
+}
 .icon.type-audio {
   background-image: url("../../../images/icons/22/audio.png");
 }
@@ -113,6 +122,9 @@
 .icon.s10.edit {
   background-image: url("../../../images/icons/10/edit.png");
 }
+.icon.s10.pencil {
+  background-image: url("../../../images/icons/10/edit.png");
+}
 .icon.s10.star {
   background-image: url("../../../images/icons/10/star.png");
 }
@@ -122,6 +134,9 @@
 .icon.s10.link {
   background-image: url("../../../images/icons/10/link.png");
 }
+.icon.s10.remote-link {
+  background-image: url("../../../images/icons/10/link.png");
+}
 .icon.s10.lock {
   background-image: url("../../../images/icons/10/lock.png");
 }
@@ -134,6 +149,9 @@
 .icon.s10.type-unkn {
   background-image: url("../../../images/icons/10/zip.png");
 }
+.icon.s10.type-application {
+  background-image: url("../../../images/icons/10/zip.png");
+}
 .icon.s10.type-audio {
   background-image: url("../../../images/icons/10/audio.png");
 }
@@ -183,6 +201,9 @@
 .icon.s16.edit {
   background-image: url("../../../images/icons/16/edit.png");
 }
+.icon.s16.pencil {
+  background-image: url("../../../images/icons/16/edit.png");
+}
 .icon.s16.star {
   background-image: url("../../../images/icons/16/star.png");
 }
@@ -192,6 +213,9 @@
 .icon.s16.link {
   background-image: url("../../../images/icons/16/link.png");
 }
+.icon.s16.remote-link {
+  background-image: url("../../../images/icons/16/link.png");
+}
 .icon.s16.lock {
   background-image: url("../../../images/icons/16/lock.png");
 }
@@ -204,6 +228,9 @@
 .icon.s16.type-unkn {
   background-image: url("../../../images/icons/16/zip.png");
 }
+.icon.s16.type-application {
+  background-image: url("../../../images/icons/16/zip.png");
+}
 .icon.s16.type-audio {
   background-image: url("../../../images/icons/16/audio.png");
 }
@@ -253,6 +280,9 @@
 .icon.s22.edit {
   background-image: url("../../../images/icons/22/edit.png");
 }
+.icon.s22.pencil {
+  background-image: url("../../../images/icons/22/edit.png");
+}
 .icon.s22.star {
   background-image: url("../../../images/icons/22/star.png");
 }
@@ -262,6 +292,9 @@
 .icon.s22.link {
   background-image: url("../../../images/icons/22/link.png");
 }
+.icon.s22.remote-link {
+  background-image: url("../../../images/icons/22/link.png");
+}
 .icon.s22.lock {
   background-image: url("../../../images/icons/22/lock.png");
 }
@@ -274,6 +307,9 @@
 .icon.s22.type-unkn {
   background-image: url("../../../images/icons/22/zip.png");
 }
+.icon.s22.type-application {
+  background-image: url("../../../images/icons/22/zip.png");
+}
 .icon.s22.type-audio {
   background-image: url("../../../images/icons/22/audio.png");
 }
@@ -323,6 +359,9 @@
 .icon.s48.edit {
   background-image: url("../../../images/icons/48/edit.png");
 }
+.icon.s48.pencil {
+  background-image: url("../../../images/icons/48/edit.png");
+}
 .icon.s48.star {
   background-image: url("../../../images/icons/48/star.png");
 }
@@ -332,6 +371,9 @@
 .icon.s48.link {
   background-image: url("../../../images/icons/48/link.png");
 }
+.icon.s48.remote-link {
+  background-image: url("../../../images/icons/48/link.png");
+}
 .icon.s48.lock {
   background-image: url("../../../images/icons/48/lock.png");
 }
@@ -344,6 +386,9 @@
 .icon.s48.type-unkn {
   background-image: url("../../../images/icons/48/zip.png");
 }
+.icon.s48.type-application {
+  background-image: url("../../../images/icons/48/zip.png");
+}
 .icon.s48.type-audio {
   background-image: url("../../../images/icons/48/audio.png");
 }
@@ -477,6 +522,19 @@ div.jGrowl div.info {
   color: #ffffff;
   padding-left: 58px;
 }
+/* notifications page */
+.notif-item {
+  padding: 0.5em;
+}
+.notif-item:nth-child(even) {
+  background-color: #cccccc;
+}
+.notif-item:nth-child(odd) {
+  background-color: #ffffff;
+}
+.notif-item .notif-image {
+  width: 16px;
+}
 /* header */
 header {
   position: fixed;
@@ -812,6 +870,9 @@ aside #dfrn-request-link:hover {
 aside #profiles-menu {
   width: 20em;
 }
+aside .posted-date-selector-months {
+  margin-left: 10px;
+}
 #contact-block {
   overflow: auto;
   height: auto;
@@ -1255,13 +1316,13 @@ section {
     opacity: 0.5;
 }*/
 .wwto {
+  position: absolute !important;
   background: #FFFFFF;
   border: 2px solid #364e59;
   height: 25px;
   width: 25px;
   overflow: hidden;
   padding: 1px;
-  position: absolute !important;
   top: 40px;
   left: 30px;
   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
@@ -1272,7 +1333,7 @@ section {
   width: 25px;
   height: 25px;
 }
-/* reshare */
+/* reshare e embed */
 .wall-item-container .wall-item-content .type-link img,
 .type-link img {
   max-width: 160px;
@@ -1280,10 +1341,21 @@ section {
   float: left;
   margin-right: 10px;
 }
+.wall-item-container .wall-item-content .type-link img.attachment-image,
+.type-link img.attachment-image {
+  max-width: 650px;
+  max-height: inital;
+  float: none;
+  margin-right: 0px;
+}
 .type-link blockquote {
-  margin-left: 160px;
+  margin: 1em 0px;
   max-height: 160px;
   overflow: hidden;
+  padding-left: 1em;
+}
+.type-video blockquote {
+  padding-left: 1em;
 }
 .shared_header {
   height: 32px;
@@ -1306,6 +1378,13 @@ blockquote.shared_content {
   color: #000;
   border: none;
 }
+.oembed.video > a.embed_video {
+  display: block;
+  float: none;
+}
+.oembed.video > a.embed_video > div {
+  background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important;
+}
 /* threaded comments */
 .children {
   margin-top: 1em;
@@ -1396,8 +1475,31 @@ span[id^="showmore-wrap"] {
 .contact-photo:hover .contact-select {
   display: block;
 }
-#contats-actions {
-  clear: both;
+#contacts-actions {
+  position: absolute;
+  left: 800px;
+  width: 200px;
+  background-color: #ffffff;
+  border: 2px solid #364e59;
+  display: none;
+}
+#contacts-actions .batch-action {
+  display: block;
+  width: 100%;
+  background-color: #ffffff;
+  border: 0px;
+  color: #2d2d2d;
+  text-align: left;
+  padding: 5px 10px;
+  font-size: 11px;
+}
+#contacts-actions .batch-action:hover {
+  background-color: #c0a3c7;
+}
+@media (max-width: 1000px) {
+  #contacts-actions {
+    left: 40px;
+  }
 }
 .contact-photo {
   width: 48px;
@@ -1897,6 +1999,27 @@ ul.tabs li .active {
   width: 50px;
   float: left;
 }
+/* videos page */
+.videos .video-top-wrapper {
+  width: 200px;
+  float: left;
+  margin: 0px 10px 10px 0px;
+  position: relative;
+}
+.videos .video-top-wrapper .video-js {
+  width: 200px!important;
+  height: 132px!important;
+}
+.videos .video-top-wrapper .video-delete {
+  position: absolute;
+  opacity: 0;
+  right: 0px;
+  top: 0px;
+  transition: opacity 0.5s;
+}
+.videos .video-top-wrapper:hover .video-delete {
+  opacity: 1;
+}
 /* photo albums */
 #photo-edit-link-wrap {
   margin-bottom: 10px;
@@ -1916,6 +2039,11 @@ ul.tabs li .active {
   background: url("../../../images/icons/16/user.png") no-repeat left center;
   padding-left: 18px;
 }
+#photo-top-upload-link,
+.photos-upload-link {
+  margin: 1em 0px;
+  display: block;
+}
 .photos-upload-link a,
 #photo-top-upload-link {
   background: url("../../../images/icons/16/add.png") no-repeat left center;
@@ -1981,10 +2109,9 @@ ul.tabs li .active {
   background: url("../../../images/icons/22/image.png") no-repeat top left;
   padding-left: 23px;
   min-height: 22px;
-}
-#photo-album-title a {
-  display: block;
-  padding-top: 5px;
+  padding-top: 6px;
+  /* a { display: block;}*/
+
 }
 #photo-caption {
   display: block;
@@ -2018,13 +2145,35 @@ ul.tabs li .active {
 #photo-like-div .like-rotator {
   float: right;
 }
+#photo_edit_form {
+  padding: 1em;
+}
 /* profile match wrapper */
 .profile-match-wrapper {
   float: left;
-  width: 90px;
-  height: 90px;
+  width: 110px;
+  height: 110px;
   margin-bottom: 20px;
 }
+.profile-match-wrapper .drop {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  position: relative;
+  top: 10px;
+  left: -10px;
+}
+.profile-match-wrapper .drophide {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  opacity: 0.3;
+  position: relative;
+  top: 10px;
+  left: -10px;
+}
 .profile-match-wrapper .contact-photo {
   width: 80px;
   height: 80px;
@@ -2331,3 +2480,70 @@ footer {
   border: 0px;
   color: #999999;
 }
+/* buttons for the event view */
+.plink-event-link {
+  float: left;
+  margin-left: 2px;
+}
+/* upload/select popup */
+.fbrowser {
+  overflow: auto;
+  position: absolute;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+}
+.fbrowser .path {
+  background-color: #521f5c;
+}
+.fbrowser .path a {
+  padding: 5px;
+  margin: 0px 2px;
+  display: inline-block;
+}
+.fbrowser .path a,
+.fbrowser .path a:active,
+.fbrowser .path a:visited,
+.fbrowser .path a:link,
+.fbrowser .path a:hover {
+  color: #ffffff;
+  text-decoration: none;
+  outline: none;
+}
+.fbrowser .folders ul {
+  list-style: url("icons/folder.png");
+  padding-left: 22px;
+}
+.fbrowser .list {
+  padding: 10px;
+}
+.fbrowser.image .photo-album-image-wrapper {
+  width: 48px;
+  height: 48px;
+}
+.fbrowser.image a img {
+  width: auto;
+  height: 48px;
+}
+.fbrowser.image a p {
+  display: none;
+}
+.fbrowser.file .photo-album-image-wrapper {
+  float: none;
+  white-space: nowrap;
+  width: 100%;
+  height: auto;
+}
+.fbrowser.file img {
+  display: inline;
+  width: 16px;
+  height: 16px;
+}
+.fbrowser.file p {
+  display: inline;
+  white-space: nowrap;
+}
+.fbrowser .upload {
+  clear: both;
+  padding-top: 1em;
+}