X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdiabook%2Fstyle.css;h=1623f2e7560f6d5fa5a3838013f8207e2efae68c;hb=fa5d25ec7a75b66e0986fdc0570e1f5d2c4fc139;hp=68bfd5d3a9213a0750b8b37460c941898497ab06;hpb=ba4db236ecff1ffdb56adc2715b3f53515f8cb34;p=friendica.git

diff --git a/view/theme/diabook/style.css b/view/theme/diabook/style.css
index 68bfd5d3a9..1623f2e756 100644
--- a/view/theme/diabook/style.css
+++ b/view/theme/diabook/style.css
@@ -238,6 +238,7 @@
   width: 20px;
   height: 20px;
   /*background-image: url('icons.png');*/
+  float: left;
 }
 
 .icon {
@@ -434,7 +435,7 @@ body {
   font-size: 12.5px;
   background-color: #ffffff;
   color: #2d2d2d;
-  margin: 50px auto auto;
+  margin: 50px 2%;
   display: table;
 }
 
@@ -581,9 +582,6 @@ header {
   height: 32px;
   background: #000;
   z-index: 100;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 }
 header #site-location {
   display: none;
@@ -704,9 +702,6 @@ nav {
   background: #000;
   color: #ffffff;
   z-index: 99;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 }
 nav a,
 nav a:active,
@@ -1319,8 +1314,8 @@ transition: all 0.2s ease-in-out;
 section {
   display: table-cell;
   vertical-align: top;
-  width: 800px;
-  padding: 0px 0px 0px 12px;
+ /* width: 90%; */
+ padding: 5px;
 }
 
 body .pageheader{
@@ -1378,7 +1373,8 @@ body .pageheader{
   position: relative;
   padding: 5px;
   margin-bottom: 0px;
-  width: 775px;
+  margin-left: 15px;
+ /* width: 775px; */
   padding-top: 10px;
 }
 
@@ -1419,11 +1415,14 @@ body .pageheader{
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out; */
 }
-.wall-item-container .wall-item-info {
+.wall-item-container,
+.wall-item-info {
   display: table-cell;
   vertical-align: top;
   text-align: left;
-  width: 80px;
+  width: 110px;
+  float: left;
+  margin: 10px;
 }
 .wall-item-photo-container .wall-item-info {
   display: table-cell;
@@ -1431,6 +1430,40 @@ body .pageheader{
   text-align: left;
   width: 80px;
 }
+
+.wall-item-photo-menu-button {
+	display: block;
+	position: absolute;
+	background-image: url("photo-menu.jpg");
+	background-position: top left; 
+	background-repeat: no-repeat;
+	margin: 0px; padding: 0px;
+	width: 16px;
+	height: 16px;
+	top: 74px; left:10px;
+	overflow: hidden;
+	text-indent: 40px;
+	display: none;
+	
+}
+.wall-item-photo-menu {
+	width: auto;
+	border: 2px solid #444444;
+	background: #FFFFFF;
+	position: absolute;
+	left: 10px; top: 90px;
+	display: none;
+	z-index: 10000;
+}
+.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
+.wall-item-photo-menu li a { display: block; padding: 2px; }
+.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
+
+
+.comment .wall-item-photo-menu-button {	top: 44px;}
+.comment .wall-item-photo-menu { top: 60px; }
+
+
 .wall-item-container .wall-item-location {
   padding-right: 40px;
   display: table-cell;
@@ -1439,6 +1472,28 @@ body .pageheader{
   padding-right: 40px;
   display: table-cell;
 }
+
+.wall-item-tools {
+	clear: both;
+	background-image: url("head.jpg");
+    background-position: 0 -20px;
+    background-repeat: repeat-x;
+   	padding: 5px 25% 0px;
+}
+
+.wall-item-like-buttons {
+	float: left;
+	margin-right: 10px;
+/*	padding-right: 10px; */
+/*	border-right: 2px solid #fff; */
+}
+
+.wall-item-lock {
+position: absolute;
+top: 5px;
+left: 105px;
+}
+
 .wall-item-container .wall-item-ago {
   word-wrap: break-word;
   width: 50px;
@@ -1459,6 +1514,15 @@ body .pageheader{
   margin-bottom: 5px;
 }
 
+
+.wall-item-content-wrapper {
+	margin-top: 10px;
+	border: 1px solid #CCC;
+	position: relative;
+	-moz-border-radius: 3px;
+	border-radius: 3px;	
+}
+
 .wall-item-container .wall-item-content {
 
   max-width: 720px;
@@ -2906,4 +2970,4 @@ list-style-type: disc;
 #photos-upload-newalbum-div {
         float: left;
         width: 175px;
-}
\ No newline at end of file
+}