networkheader: do css work the other supported themes

[friendica.git] / view / theme / quattro / dark / style.css

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 8436b56d5130662e6b1ec28aced26a143f8be85f..5792c09e6dd047010dca15ac8592e8f476f01b50 100644 (file)
--- 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");
 }
@@ -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;
@@ -486,7 +544,6 @@ header {
   margin: 0px;
   padding: 0px;
   /*width: 100%; height: 12px; */
-
   z-index: 110;
   color: #ffffff;
 }
@@ -734,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;
@@ -753,6 +833,9 @@ aside .vcard .fn {
 aside .vcard .title {
   margin-bottom: 5px;
 }
+aside .vcard .p-faddr {
+  margin-bottom: 5px;
+}
 aside .vcard dl {
   height: auto;
   overflow: auto;
@@ -812,11 +895,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 +983,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;
@@ -955,6 +1039,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;
@@ -1065,6 +1164,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;
@@ -1180,7 +1286,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;
@@ -1255,13 +1360,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 +1377,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 +1385,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 +1422,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 +1519,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: #bdcdd4;
+}
+@media (max-width: 1000px) {
+  #contacts-actions {
+    left: 40px;
+  }
 }
 .contact-photo {
   width: 48px;
@@ -1438,6 +1584,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;
@@ -1453,7 +1624,7 @@ span[id^="showmore-wrap"] {
 }
 .contact-name {
   font-weight: bold;
-  padding-top: 15px;
+  /* padding-top: 15px; */
 }
 .contact-details {
   color: #999999;
@@ -1897,6 +2068,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 +2108,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 +2178,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;
@@ -2018,13 +2213,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 +2548,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;
+}