X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fquattro%2Fdark%2Fstyle.css;h=33b236d0b71ebe7118189e30c8fc74924b877a05;hb=f82ce0de66c2bb3ce8fb7e635ca8126e9e5b0039;hp=5f4b005c8e6d5c771ab8bdff82b04c9ad62284b6;hpb=a33ca89bb7436de71bea3e58333339c7b86e6fdf;p=friendica.git

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 5f4b005c8e..33b236d0b7 100644
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/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");
 }
@@ -116,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");
 }
@@ -125,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");
 }
@@ -189,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");
 }
@@ -198,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");
 }
@@ -262,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");
 }
@@ -271,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");
 }
@@ -335,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");
 }
@@ -344,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");
 }
@@ -514,7 +544,6 @@ header {
   margin: 0px;
   padding: 0px;
   /*width: 100%; height: 12px; */
-
   z-index: 110;
   color: #ffffff;
 }
@@ -762,6 +791,29 @@ ul.menu-popup .toolbar a:hover {
   color: #9eabb0;
   display: block;
 }
+/* Contact-Header for the Network Stream */
+#viewcontact_wrapper-network {
+  width: 100%;
+  min-height: 100px;
+  background-color: #eff0f1;
+  border-bottom: 1px solid #cccccc;
+}
+#viewcontact_wrapper-network #contact-entry-wrapper-network {
+  float: none;
+  width: auto;
+  height: auto;
+  padding: 10px;
+}
+#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-accounttype-network {
+  font-size: 22px;
+}
+#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-name-network {
+  font-size: 24.5px;
+  font-weight: normal;
+}
+#viewcontact_wrapper-network #contact-entry-wrapper-network .contact-details {
+  font-size: 12px;
+}
 /* aside 230px*/
 aside {
   display: table-cell;
@@ -781,6 +833,13 @@ aside .vcard .fn {
 aside .vcard .title {
   margin-bottom: 5px;
 }
+aside .vcard .p-addr {
+  margin-bottom: 5px;
+}
+aside .vcard .account-type {
+  font-size: 14px;
+  margin-bottom: 13px;
+}
 aside .vcard dl {
   height: auto;
   overflow: auto;
@@ -837,14 +896,31 @@ aside #dfrn-request-link:hover {
   text-decoration: none;
   background-color: #19aeff;
 }
+aside #subscribe-feed-link {
+  display: block;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  color: #ffffff;
+  background: #005c94 url('../../../images/connect-bg.png') no-repeat left center;
+  font-weight: bold;
+  text-transform: uppercase;
+  padding: 4px 2px 2px 35px;
+}
+aside #subscribe-feed-link:hover {
+  text-decoration: none;
+  background-color: #19aeff;
+}
 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;
@@ -926,7 +1002,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;
@@ -983,6 +1058,21 @@ aside #profiles-menu {
 .widget .tool.selected {
   background: url('../../../images/selected.png') no-repeat left center;
 }
+.widget .notify {
+  display: none;
+  background-color: #19AEFF;
+  border-radius: 5px;
+  font-size: 10px;
+  padding: 1px 3px;
+  min-width: 15px;
+  text-align: right;
+  float: right;
+  color: #ffffff;
+  margin-right: 10px;
+}
+.widget .notify.on {
+  display: block;
+}
 /* widget: search */
 #add-search-popup {
   width: 200px;
@@ -1093,6 +1183,13 @@ section {
   width: 20em;
   margin-top: 0.5em;
 }
+.wall-item-container .wall-item-actions-events {
+  float: left;
+  margin-top: 0.5em;
+}
+.wall-item-container .wall-item-actions-events a {
+  margin-right: 3em;
+}
 .wall-item-container .wall-item-actions-social {
   float: left;
   margin-top: 0.5em;
@@ -1208,7 +1305,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;
@@ -1284,15 +1380,12 @@ section {
 }*/
 .wwto {
   position: absolute !important;
-  width: 25px;
-  height: 25px;
   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);
@@ -1510,6 +1603,31 @@ span[id^="showmore-wrap"] {
   left: 0px;
   top: 63px;
 }
+.contact-wrapper .drop {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  position: relative;
+  top: 10px;
+  left: -10px;
+  z-index: 99;
+}
+.contact-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;
+  z-index: 99;
+}
+.contact-wrapper .contact-entry-connect {
+  padding-top: 5px;
+  font-weight: bold;
+}
 .directory-item {
   float: left;
   width: 200px;
@@ -1525,7 +1643,7 @@ span[id^="showmore-wrap"] {
 }
 .contact-name {
   font-weight: bold;
-  padding-top: 15px;
+  /* padding-top: 15px; */
 }
 .contact-details {
   color: #999999;
@@ -1969,6 +2087,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;
@@ -2093,6 +2232,9 @@ ul.tabs li .active {
 #photo-like-div .like-rotator {
   float: right;
 }
+#photo_edit_form {
+  padding: 1em;
+}
 /* profile match wrapper */
 .profile-match-wrapper {
   float: left;
@@ -2425,3 +2567,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: #0e232e;
+}
+.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;
+}