X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fquattro%2Fgreen%2Fstyle.css;h=9c18771fff97f552ce7bce23bb5b4b7c6e5a1915;hb=f12430a2855f6888d0231476068a2dae1384cf05;hp=d78a06dc7c4534e873954f0a073f6b1565923efd;hpb=06e8f31695dab7c0ea2bd35025fc159536ab4b76;p=friendica.git

diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css
index d78a06dc7c..9c18771fff 100644
--- a/view/theme/quattro/green/style.css
+++ b/view/theme/quattro/green/style.css
@@ -64,6 +64,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");
 }
@@ -134,6 +137,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");
 }
@@ -204,6 +210,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");
 }
@@ -274,6 +283,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");
 }
@@ -344,6 +356,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 +492,19 @@ div.jGrowl div.info {
   color: #ffffff;
   padding-left: 58px;
 }
+/* notifications page */
+.notif-item {
+  padding: 0.5em;
+}
+.notif-item:nth-child(even) {
+  background-color: #ddffdd;
+}
+.notif-item:nth-child(odd) {
+  background-color: #ffffff;
+}
+.notif-item .notif-image {
+  width: 16px;
+}
 /* header */
 header {
   position: fixed;
@@ -486,7 +514,6 @@ header {
   margin: 0px;
   padding: 0px;
   /*width: 100%; height: 12px; */
-
   z-index: 110;
   color: #ffffff;
 }
@@ -812,11 +839,13 @@ aside #dfrn-request-link:hover {
 aside #profiles-menu {
   width: 20em;
 }
+aside .posted-date-selector-months {
+  margin-left: 10px;
+}
 #contact-block {
   overflow: auto;
   height: auto;
   /*.contact-block-div { width:60px; height: 60px; }*/
-
 }
 #contact-block .contact-block-h4 {
   float: left;
@@ -898,7 +927,6 @@ aside #profiles-menu {
   margin-bottom: 2em;
   /*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
 	.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
-
 }
 .widget h3 {
   padding: 0px;
@@ -1163,6 +1191,9 @@ section {
   color: #2d2d2d;
   border: 1px solid #2d2d2d;
 }
+.wall-item-comment-wrapper.photo {
+  margin: 1em 2em 1em 0px;
+}
 .threaded .wall-item-comment-wrapper {
   margin-left: 0px;
 }
@@ -1177,7 +1208,6 @@ section {
   height: 32px;
   margin-left: 16px;
   /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
-
 }
 .comment-edit-preview .contact-photo-menu-button {
   top: 15px !important;
@@ -1252,13 +1282,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);
@@ -1269,6 +1299,58 @@ section {
   width: 25px;
   height: 25px;
 }
+/* reshare e embed */
+.wall-item-container .wall-item-content .type-link img,
+.type-link img {
+  max-width: 160px;
+  max-height: 160px;
+  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: 1em 0px;
+  max-height: 160px;
+  overflow: hidden;
+  padding-left: 1em;
+}
+.type-video blockquote {
+  padding-left: 1em;
+}
+.shared_header {
+  height: 32px;
+  color: #999;
+  border-top: 1px solid #cccccc;
+  padding-top: 5px;
+  margin-top: 5px;
+}
+.shared_header img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  float: left;
+}
+.shared_header span {
+  margin-left: 9px;
+}
+blockquote.shared_content {
+  margin-left: 32px;
+  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;
@@ -1359,8 +1441,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: #ccff42;
+}
+@media (max-width: 1000px) {
+  #contacts-actions {
+    left: 40px;
+  }
 }
 .contact-photo {
   width: 48px;
@@ -1860,6 +1965,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;
@@ -1879,6 +2005,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;
@@ -1944,10 +2075,8 @@ 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;
@@ -1984,10 +2113,29 @@ ul.tabs li .active {
 /* 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;