Merge branch 'themetests' of https://github.com/fabrixxm/friendika into fabrixxm-themetests

1 files changed, 86 insertions, 24 deletions

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index e3a5fd3e7..008cce059 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -650,15 +650,18 @@ input#dfrn-url {
 #profile-in-netdir-yes,
 #profile-in-netdir-no,
 #hide-friends-yes,
-#hide-friends-no,
+#hide-friends-no {
+	float: left;
+	margin-bottom: 20px;
+}
 #settings-normal,
 #settings-soapbox,
-#settings-community,
-#settings-freelove {
+#settings-freelove,
+#settings-community {
 	float: left;
-	margin-bottom: 20px;
 }
 
+
 #profile-in-dir-yes-label,
 #profile-in-dir-no-label,
 #profile-in-netdir-yes-label,
@@ -697,8 +700,12 @@ input#dfrn-url {
 #settings-soapbox-desc,
 #settings-community-desc,
 #settings-freelove-desc {
-	float: left;
-	margin-left: 75px;
+	/*float: left;
+	margin-left: 75px;*/
+    clear: left;
+    color: #666666;
+    display: block;
+    margin-bottom: 20px	
 }
 
 #profile-edit-profile-name-end,
@@ -796,6 +803,7 @@ input#dfrn-url {
 .wall-item-content-wrapper {
 	margin-top: 10px;
 	border: 1px solid #CCC;
+	position: relative;
 }
 
 .wall-item-content-wrapper.comment {
@@ -803,26 +811,43 @@ input#dfrn-url {
 	background: #EEEEEE;
 }
 
+.wall-item-info {
+	display: block;
+	float: left;
+	width:150px;
+}
+.wallwall .wall-item-info {
+	width: 300px;
+}
+
+
 .wall-item-photo-wrapper {
 	margin-top: 10px;
 	margin-left: 10px;
 	margin-bottom: 10px;
 	width: 100px;
+}
+.wallwall .wall-item-photo-wrapper {
 	float: left;
 }
+
 .wall-item-arrowphoto-wrapper {
 	margin-top: 40px;
 	margin-right: 20px;
 	float: left;
 }
 .wall-item-wrapper {
-	float: left;
+	/*float: left;
     margin-right: 5px;
-    width: 250px;
+    width: 250px;*/
+    margin-left:10px;
 }
 .wall-item-lock {
-	height: 20px;
-	margin-top: 10px;
+	/*height: 20px;*/
+	/*margin-top: 10px;*/
+    left: 135px;
+    position: absolute;
+    top: 1px;	
 }
 
 .wall-item-ago {
@@ -836,14 +861,10 @@ input#dfrn-url {
 
 .wall-item-links-wrapper {
 	float: left;
-	margin-bottom: 5px;
-	margin-left: 5px;
 }
 
 .wall-item-delete-wrapper {
 	float: right;
-	margin-top: 5px;
-	margin-right: 5px;
 }
 
 .wall-item-delete-end {
@@ -866,12 +887,15 @@ input#dfrn-url {
 .wall-item-photo {
 	border: none;
 }
+.comment .wall-item-photo {
+	width: 50px; height: 50px;
+}
 .wall-item-content {
-	float: left;
+	/*float: left;*/
 	/*width: 450px;*/
 	margin-left: 10px;
-/*	margin-bottom: 20px;*/
-	padding: 20px;
+	/*margin-bottom: 20px;*/
+	/*padding: 20px;*/
 	max-height: 400px;
 	overflow: auto;
 }
@@ -879,15 +903,26 @@ input#dfrn-url {
 .wall-item-title {
 	float: left;
 	font-weight: bold;
-	width: 450px;
+	/*width: 450px;*/
 }
 
 .wall-item-body {
 	float: left;
-	width: 450px;
+	/*width: 450px;*/
 	margin-top: 10px;
 }
 
+.wall-item-tools {
+	clear: both;
+	background-image: url("head.jpg");
+    background-position: 0 -20px;
+    background-repeat: repeat-x;
+   	padding: 5px 10px 0px;
+}
+.comment .wall-item-tools {
+	background:none;
+} 
+
 .comment-edit-wrapper {
 	margin-top: 15px;
 	background: #f3f3f3;
@@ -1593,8 +1628,23 @@ a.mail-list-link {
 .photo-album-image-wrapper {
 	float: left;
 	margin-top: 15px;
-	height: 350px;
-	width: 350px;
+	margin-right: 15px;
+	width: 200px; height: 200px; 
+	overflow: hidden; 
+	position: relative;
+}
+.photo-album-image-wrapper .caption {
+	display: none; 
+ 	width: 100%;
+ 	position: absolute; 
+ 	bottom: 0px; 
+ 	padding: 0.5em 0.5em 0px 0.5em;
+ 	background-color: rgba(245, 245, 255, 0.8);
+ 	border-bottom: 2px solid #CCC;
+ 	margin: 0px;
+}
+.photo-album-image-wrapper a:hover .caption {
+	display:block;
 }
 
 #photo-album-end {
@@ -1602,12 +1652,22 @@ a.mail-list-link {
 }
 
 .photo-top-image-wrapper {
+	position: relative;
 	float: left;
 	margin-top: 15px;
-	height: 350px;
-	width: 350px;
+	margin-right: 15px;
+	width: 200px; height: 200px; 
+	overflow: hidden; 
+}
+.photo-top-album-name {
+ 	width: 100%;
+ 	min-height: 2em;
+ 	position: absolute; 
+ 	bottom: 0px; 
+ 	padding: 0px 3px;
+ 	padding-top: 0.5em;
+ 	background-color: rgb(255, 255, 255);
 }
-
 #photo-top-end {
 	clear: both;
 }
@@ -1935,3 +1995,5 @@ a.mail-list-link {
 .tool-link {
   cursor: pointer;
 }
+
+