Revert "Merge pull request #2223 from rabuzarus/2912_photo_widget"

[friendica.git] / view / theme / quattro / quattro.less

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 62cb4c60b7e37c9eb97532a561d17f5195a87b1c..681cfcc3748634cf6eb0e9114b42ee1cd7873997 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -745,7 +745,7 @@ section {
             margin: 1em 0;
             max-height: 160px;
             overflow: hidden;
-                    padding-left: 1em;
+            padding-left: 1em;
         }
         .oembed {}
 }
@@ -780,8 +780,10 @@ blockquote.shared_content {
 .oembed.video {
        > a.embed_video {
                display: block;
-               float: none;
+               float: left;
+        position: relative;
                > div {
+            position: absolute; top: 0px; left: 0px;
                        background:
                                rgba(255, 255, 255, 0.36)
                                url(../../../images/icons/48/play.png)
@@ -1093,6 +1095,27 @@ span[id^="showmore-wrap"] {
     height: 18px;
 }*/
 
+a.actionbutton {
+       border: 1px solid @Grey3;
+       background-color: @Grey2;
+       color: @Grey5;
+       font-size: 8pt;
+       padding: 2pt;
+       .rounded();
+
+       i.icon {
+               display: inline-block;
+               vertical-align: baseline;
+               padding: 0;
+       }
+
+       &:hover {
+               text-decoration: none;
+               background-color: @Grey1;
+       }
+}
+h2 > .actionbutton { float: right; }
+
 
 /** acl **/
 #photo-edit-perms-select,
@@ -1383,6 +1406,24 @@ ul.tabs {
        width: 50px; float: left;
 }
 
+/* manage page */
+.identity-match-photo {
+       position: relative;
+       .manage-notify {
+               background-color: #19AEFF;
+               border-radius: 5px;
+               font-size: 10px;
+               padding: 1px 3px;
+               min-width: 15px;
+               text-align: right;
+               position: absolute;
+               right: 10px;
+               top: -5px;
+               color: rgb(255, 255, 255);
+       }
+}
+
+
 /* videos page */
 .videos {
        .video-top-wrapper {
@@ -1578,6 +1619,25 @@ ul.tabs {
        .mail-delete { float: right; }
 }
 
+#message-preview {
+       margin-top: 1em;
+       box-sizing: border-box;
+       * {  box-sizing: border-box;    white-space: nowrap;}
+       .mail-list-wrapper {
+               .mail-subject {
+                       width: 100%;
+               }
+               .mail-date  { font-size: 0.8em; width: 25%; text-align: right}
+               .mail-from  { font-size: 0.8em; width: 75%;}
+               .mail-count { font-size: 0.8em; width: 100%;}
+               .mail-delete { display: none;}
+
+               & .mail-date, & .mail-from, & .mail-count { .opaque(0.5); }
+               &:hover .mail-date, &:hover .mail-from, &:hover .mail-count { .opaque(1); }
+       }
+}
+
+
 #mail-display-subject {
        background-color: @MailDisplaySubjectBackgroundColor;
        color: @MailDisplaySubjectColor;
@@ -1795,4 +1855,3 @@ footer { height: 100px; display: table-row; }
 .fbrowser.file p  { display: inline; white-space: nowrap; }
 
 .fbrowser .upload { clear: both; padding-top: 1em;}
-