New style for shared links. Preparation for changes in some addons

[friendica.git] / view / theme / vier / style.css

diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 1595499ee01f73383feab23e1421cb5d58c04ac4..e1f9b3def923ee7365fd9dce6addfa5a6adac5dc 100644 (file)
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -291,15 +291,12 @@ blockquote.shared_content {
 body {
   font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
-  /* background-color: #ffffff; */
-  /* background-color: #ddd; */
-  background-color: #F2F2F2;
+  background-color: #ffffff;
   color: #2d2d2d;
-  /* margin: 37px 0px 0px 0px; */
   margin: 0px 0px 0px 0px;
   display: table;
-  /* width: 100% */
 }
+
 h4 {
   font-size: 1.1em;
 }
@@ -482,6 +479,11 @@ div.jGrowl div.info {
   color: #ffffff;
   padding-left: 58px;
 }
+
+div.jGrowl div.jGrowl-notification {
+  margin-top: 40px;
+}
+
 /* header */
 header {
   position: fixed;
@@ -863,19 +865,21 @@ aside {
   /* display: table-cell; */
   vertical-align: top;
   width: 185px;
-  padding: 32px 10px 10px 20px;
+  /* padding: 32px 10px 10px 20px; */
+  padding: 10px 10px 0px 20px;
   /* border-right: 1px solid #D2D2D2; */
   /* background-color: #ECECF2; */
   background-color: #F2F2F2;
   font-size: 13px;
   /* background: #F1F1F1; */
-  top: 0px;
+  /* top: 0px; */
+  top: 32px;
   overflow-y: auto;
   z-index: 2;
 
   position: fixed;
   /* overflow: auto; */
-  height: 100%;
+  height: calc(100% - 42px);
   /* overflow: scroll; */
 }
 aside .vcard .fn {
@@ -936,7 +940,8 @@ aside #dfrn-request-link:hover {
   /* background-color: #19aeff; */
 }
 aside #profiles-menu {
-  width: 20em;
+  width: 14em;
+  left: 10px;
 }
 
 aside #search-text, aside #side-follow-url, aside #side-peoplefind-url {
@@ -1088,6 +1093,12 @@ section {
   position: absolute;
   left: 215px;
 }
+
+section.minimal {
+  top: 0px;
+  left: 0px;
+}
+
 /* wall item */
 .tread-wrapper {
 /*    border-bottom: 1px solid #BDCDD4; */
@@ -1117,7 +1128,7 @@ border-bottom: 1px solid #D2D2D2;
   font-size: 14px;
 }
 .wall-item-container .wall-item-bottom {
-  opacity: 0.5;
+  opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
@@ -1155,6 +1166,21 @@ border-bottom: 1px solid #D2D2D2;
   font-size: 12px;
 }
 
+.wall-item-container .wall-item-content .type-link img,
+.type-link img {
+  max-width: 160px;
+  max-height: 160px;
+  float: left;
+  margin-right: 10px;
+}
+.type-link blockquote {
+  margin-left: 160px;
+  max-height: 160px;
+  overflow: hidden;
+}
+.type-link .oembed {
+}
+
 .wall-item-container .wall-item-content {
   font-size: 14px;
   max-width: 660px;
@@ -1653,22 +1679,27 @@ border-bottom: 1px solid #D2D2D2;
 #profile-link-wrapper {
   float: left;
   margin-left: 15px;
+  cursor: pointer;
 }
 #profile-video-wrapper {
   float: left;
   margin-left: 15px;
+  cursor: pointer;
 }
 #profile-audio-wrapper {
   float: left;
   margin-left: 15px;
+  cursor: pointer;
 }
 #profile-location-wrapper {
   float: left;
   margin-left: 15px;
+  cursor: pointer;
 }
 #profile-nolocation-wrapper {
   float: left;
   margin-left: 15px;
+  cursor: pointer;
 }
 #jot-perms-icon {
   float: right;