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

diff --git a/view/theme/diabook/style.css b/view/theme/diabook/style.css
index 1623f2e756..de0ea5b134 100644
--- a/view/theme/diabook/style.css
+++ b/view/theme/diabook/style.css
@@ -141,6 +141,7 @@
 .icon.language    { background-image: url("../../../view/theme/diabook/icons/language.png");}
 
 
+
 .camera 	{ background-image: url("../../../view/theme/diabook/icons/camera.png"); 
 			  display: block; width: 28px; height: 28px; background-repeat: no-repeat;
 			  }
@@ -167,7 +168,7 @@
 			  }
 .unglobe 	{ background-image: url("../../../view/theme/diabook/icons/unglobe.png"); 
 			  display: block; width: 28px; height: 28px; background-repeat: no-repeat;
-			  }
+			  }		
 .edit    {background-image: url("../../../view/theme/diabook/icons/pencil2.png"); 
 			  display: block; width: 28px; height: 28px; background-repeat: no-repeat;}
 .icon.block   {background-image: url("../../../view/theme/diabook/icons/block.png"); 
@@ -221,6 +222,7 @@
 .attachtype {
         display: block; width: 20px; height: 23px;
         background-image: url('../../../images/content-types.png');
+		background-position: -80px 0px;
 }
 
 .type-video { background-position: 0px 0px; }
@@ -230,7 +232,7 @@
 .type-unkn  { background-position: -80px 0px; }
 
 .icon.drop, .icon.drophide {
- float: left;
+ float: right;
 }
 
 .icon {
@@ -238,7 +240,6 @@
   width: 20px;
   height: 20px;
   /*background-image: url('icons.png');*/
-  float: left;
 }
 
 .icon {
@@ -435,7 +436,7 @@ body {
   font-size: 12.5px;
   background-color: #ffffff;
   color: #2d2d2d;
-  margin: 50px 2%;
+  margin: 50px auto auto;
   display: table;
 }
 
@@ -582,6 +583,9 @@ 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;
@@ -702,6 +706,9 @@ 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,
@@ -838,6 +845,7 @@ nav #nav-directory-link,
 nav #nav-apps-link,
 nav #nav-site-linkmenu, 
 nav #nav-home-link,
+nav #nav-login-link,
 nav #nav-user-linkmenu
 {
   float: right;
@@ -845,17 +853,23 @@ nav #nav-user-linkmenu
 nav #nav-user-linkmenu{
 	margin-right: 0px;
 	}
-nav #nav-home-link, #nav-directory-link, #nav-apps-link{
+nav #nav-home-link, #nav-directory-link, #nav-login-link, #nav-apps-link{
 	margin-left: 0px;
 	margin-right: 0px;
 	font-weight: bold;
 	margin: 3px 5px;
 	}
 nav #nav-directory-link{
-  margin-right: 0px;	
+  margin-right: 10px;	
 	}
+
+li#nav-site-linkmenu.nav-menu-icon{
+	display: none;
+}
+
 nav #nav-home-link{
-  margin-left: 0px;	
+   margin-left: 0px;	
+   display: none;
 	}
 nav #nav-help-link .menu-popup,
 nav #nav-search-link .menu-popup,
@@ -866,6 +880,8 @@ nav #nav-site-linkmenu .menu-popup {
   left: auto;
 }
 
+
+
 nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
 	background-image: url("../../../view/theme/diabook/icons/messages2.png");
 	}
@@ -1038,6 +1054,14 @@ ul.menu-popup .empty {
 	}
 .menu-profile-list-item{
 	padding-left: 5px;
+	padding-top: 0.5em;
+	display: inline;
+	vertical-align: middle;
+	}	
+#profile-side-status .menu-profile-list-item{
+	padding-left: 5px;
+	padding-top: 0.6em;
+	display: inline;
 	vertical-align: middle;
 	}	
 .menu-profile-list-item:hover{	
@@ -1273,6 +1297,9 @@ aside #login-extra-links{
   height: 22px;
   width: 22px;
 }
+#group-all-contacts{
+  overflow: auto;
+}
 .icon.text_add		{ 
 		background-image: url("../../../images/icons/16/add.png");
 		float: right;
@@ -1314,8 +1341,8 @@ transition: all 0.2s ease-in-out;
 section {
   display: table-cell;
   vertical-align: top;
- /* width: 90%; */
- padding: 5px;
+  width: 800px;
+  padding: 0px 0px 0px 12px;
 }
 
 body .pageheader{
@@ -1337,6 +1364,9 @@ body .pageheader{
 #id_openid_url {
   width: 173px;	
 	}
+.contact-edit-submit{
+	display: block;
+	}
 #contact-edit-end {
 	}
 .pager {
@@ -1346,6 +1376,15 @@ body .pageheader{
 	clear: both;
 	display: block;
 }	
+.pager_current a {
+   margin: 3px;
+   color: #000;
+   font-weight: bolder;
+}	
+.pager_n a {
+   margin: 2px;
+   font-weight: bold;
+}
 .tabs {
     
     background-position: 0 -20px;
@@ -1373,8 +1412,7 @@ body .pageheader{
   position: relative;
   padding: 5px;
   margin-bottom: 0px;
-  margin-left: 15px;
- /* width: 775px; */
+  width: 775px;
   padding-top: 10px;
 }
 
@@ -1415,14 +1453,11 @@ 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: 110px;
-  float: left;
-  margin: 10px;
+  width: 80px;
 }
 .wall-item-photo-container .wall-item-info {
   display: table-cell;
@@ -1430,40 +1465,6 @@ 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;
@@ -1472,28 +1473,6 @@ 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;
@@ -1514,15 +1493,6 @@ left: 105px;
   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;
@@ -1650,6 +1620,60 @@ left: 105px;
   width: 780px;
 }
 
+.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 {
+}
+
+.shared_header {
+  height: 32px;
+  color: #999;
+  border-top: 1px solid #D2D2D2;
+  padding-top: 5px;
+  margin-top: 5px;
+}
+
+.shared_header a {
+  color: black;
+  -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;
+}
+
+.shared_header a:hover {
+  color: #36c;
+}
+
+.shared_header img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  float: left;
+}
+
+.shared_header span {
+  margin-left: 9px;
+}
+
+blockquote.shared_content {
+  margin-left: 32px;
+  color: #000;
+  border: none;
+}
+
+
 .my-comment-photo {
   width: 48px;
   margin-left: 40px;
@@ -1753,6 +1777,17 @@ left: 105px;
   background-color: #fff797;
 }
 
+span#jot-preview-link.tab.button{
+	float: right;
+	margin-left: 10px;
+	margin-right: 14px;
+	margin-top: 2px;
+	font-size: 11px;
+	font-weight: bolder;
+	cursor: pointer;
+	border: 0px;
+}
+
 .wall-item-tags {
   padding-top: 1px;
   padding-bottom: 2px;
@@ -2054,14 +2089,6 @@ left: 105px;
 	margin-left: 45px;
 	margin-top: 2px;
 }
-#jot-preview-link {
-	float: right;
-	margin-left: 10px;
-	margin-top: 2px;
-	font-size: 9px;
-	font-weight: bolder;
-	cursor: pointer;
-}
 #profile-jot-perms{
    float: right;
 	margin-left: 10px;
@@ -2217,6 +2244,10 @@ ul.tabs li .active {
     box-shadow: 0 1px 1px #CFCFCF;
     margin-left: 5px;
 }
+ul.tabs li a {
+text-decoration: none;
+}
+
 //settings tabs
 ul.rs_tabs {
   list-style-type: none;