Merge pull request #12 from duthied/master

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

diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index ad50ee3271acbe91b14578bdf55530d50b92101d..4d9e12540aacd4956bb7a75297337a7e051f9aa1 100644 (file)
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -121,34 +121,34 @@
   height: 48px;
 }
 .icon.s48.notify {
-  background-image: url("../../../images/icons/22/notify_off.png");
+  background-image: url("../../../images/icons/48/notify_off.png");
 }
 .icon.s48.gear {
-  background-image: url("../../../images/icons/22/gear.png");
+  background-image: url("../../../images/icons/48/gear.png");
 }
 .icon.s48.add {
-  background-image: url("../../../images/icons/22/add.png");
+  background-image: url("../../../images/icons/48/add.png");
 }
 .icon.s48.delete {
-  background-image: url("../../../images/icons/22/delete.png");
+  background-image: url("../../../images/icons/48/delete.png");
 }
 .icon.s48.edit {
-  background-image: url("../../../images/icons/22/edit.png");
+  background-image: url("../../../images/icons/48/edit.png");
 }
 .icon.s48.star {
-  background-image: url("../../../images/icons/22/star.png");
+  background-image: url("../../../images/icons/48/star.png");
 }
 .icon.s48.menu {
-  background-image: url("../../../images/icons/22/menu.png");
+  background-image: url("../../../images/icons/48/menu.png");
 }
 .icon.s48.link {
-  background-image: url("../../../images/icons/22/link.png");
+  background-image: url("../../../images/icons/48/link.png");
 }
 .icon.s48.lock {
-  background-image: url("../../../images/icons/22/lock.png");
+  background-image: url("../../../images/icons/48/lock.png");
 }
 .icon.s48.unlock {
-  background-image: url("../../../images/icons/22/unlock.png");
+  background-image: url("../../../images/icons/48/unlock.png");
 }
 /* global */
 body {
@@ -507,7 +507,6 @@ section {
 .wall-item-container {
   display: table;
   width: 780px;
-  margin-bottom: 10px;
 }
 .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
   display: table-row;
@@ -534,9 +533,13 @@ section {
 .wall-item-container .wall-item-info .wall-item-photo-menu {
   display: none;
 }
+.wall-item-container .wall-item-location {
+  word-wrap: break-word;
+  width: 50px;
+}
 .wall-item-container .wall-item-content {
   display: table-cell;
-  font-size: 12px;
+  font-size: 16px;
   max-width: 720px;
   word-wrap: break-word;
 }
@@ -545,10 +548,56 @@ section {
 }
 .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
   display: table-cell;
+  vertical-align: middle;
+}
+.wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
+  opacity: 0.5;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+.wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
+  opacity: 1;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
 }
 .wall-item-container .wall-item-ago {
   padding-right: 40px;
 }
+.wall-item-container .wall-item-name {
+  font-weight: bold;
+}
+.wall-item-container .wall-item-actions-author {
+  float: left;
+  width: 25%;
+  margin-top: 0.5em;
+}
+.wall-item-container .wall-item-actions-social {
+  float: left;
+  width: 50%;
+  margin-top: 0.5em;
+}
+.wall-item-container .wall-item-actions-social a {
+  margin-right: 3em;
+}
+.wall-item-container .wall-item-actions-tools {
+  float: right;
+  width: 25%;
+}
+.wall-item-container .wall-item-actions-tools a {
+  float: right;
+}
+.wall-item-container .wall-item-actions-tools input {
+  float: right;
+}
+.wall-item-container.comment {
+  margin-top: 50px;
+}
 .wall-item-container.comment .wall-item-photo {
   width: 32px;
   height: 32px;
@@ -558,3 +607,6 @@ section {
   top: 13px !important;
   left: 10px !important;
 }
+.wall-item-container.comment .wall-item-links {
+  padding-left: 12px;
+}