X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ftestbubble%2Fstyle.css;h=1830a7408633ae08975cbeb026528f1f79c84818;hb=d2e110abf5c530b6e4f2e32bf8812faa3fa131f2;hp=83afe78f40116a611edd7c8b98bf7d9a7f651b8a;hpb=de44072172b7f56345041358a0be275b482e474c;p=friendica.git

diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index 83afe78f40..1830a74086 100644
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -615,6 +615,7 @@ h3#search:before {
 	text-align: center;
 }
 
+
 #sidebar-new-group:hover {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
@@ -627,6 +628,25 @@ h3#search:before {
 	top:1px;
 }
 
+.group-selected {
+	padding-bottom: 0px;
+	padding-left: 2px;
+	padding-right: 2px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+	background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+	background-color:#bdbdbd;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+	display:inline-block;
+	color:#efefef;
+	text-decoration:none;
+}
+
 #sidebar-new-group a {
 	color: #efefef;
 	font-size: 14px;
@@ -640,8 +660,10 @@ ul .sidebar-group-li{
 	padding-bottom: 5px;
 }
 
-ul .sidebar-group-li img{
-	display: none;
+ul .sidebar-group-li .icon{
+	display: inline-block;
+	height: 12px;
+	width: 12px;
 }
 
 .widget h3{
@@ -681,6 +703,20 @@ ul .sidebar-group-li img{
 	margin-right: 5px;
 }
 
+.birthday-today, .event-today {
+	font-weight: bold;
+}
+
+#birthday-wrapper, #event-wrapper {
+	margin-left: 15px;
+}
+
+#pause {
+  position: fixed;
+  bottom: 5px;
+  right: 5px;
+}
+
 /* ================== */
 /* = Contacts Block = */
 /* ================== */
@@ -823,16 +859,18 @@ profile-jot-banner-wrapper {
 /* ======== */
 
 .tabs {
-	width: 450px;
+	min-width: 400px;
 	list-style: none;
 	padding: 10px;
-	margin: 0px 0px 10px 0px;
 	border-bottom: 1px solid #efefef;
+	font-size: 0.9em;
 }
 .tabs li { display: inline;}
 
 .tab {
 	padding: 5px 10px 5px 10px;
+	display: inline-block;
+	margin-bottom: 5px;
 	margin-right: 5px;
 	font-style: bold;
 }
@@ -847,11 +885,11 @@ profile-jot-banner-wrapper {
 
 .wall-item-outside-wrapper {
 	max-width: 93%;
-	border-bottom: 1px solid #dedede;
+	border-bottom: 1px solid #dedede; 
 	margin-top: 20px;
 	padding-right: 10px;
 	padding-left: 12px;
-	overflow: hidden;
+/*	overflow: hidden; */
 }
 
 .wall-item-outside-wrapper-end { clear: both;}
@@ -935,6 +973,11 @@ profile-jot-banner-wrapper {
 	margin-right: 2px;
 	float: left;	
 }
+.tag-item {
+	margin-left: 5px;
+	margin-right: 2px;
+	float: left;	
+}
 .wall-item-title { font-size: 1.2em; font-weight: bold;}
 .wall-item-body {
 	margin-left: 140px;
@@ -942,6 +985,8 @@ profile-jot-banner-wrapper {
 	max-width: 85%;
 }
 
+.wall-item-body img { max-width: 100%; height: auto; }
+
 .wall-item-body p {
 	font-size: 0.8em;
 }
@@ -1243,6 +1288,12 @@ div[id$="wrapper"] br { clear: left; }
 	background-color: #b20202;	
 }
 
+.profile-edit-side-div {
+	margin-top: 5px;
+	margin-right: 30px;
+	float: right;
+}
+
 #cropimage-wrapper { float:left; }
 #crop-image-form { clear:both; }
 
@@ -1823,41 +1874,30 @@ margin-left: 0px;
 }
 
 #contact-edit-banner-name { font-size: 1.5em; margin-left: 30px; font-variant: small-caps; }
-#contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;}
-#contact-edit-direction-icon { position: absolute; top: 60px; left:0px;}
-#contact-edit-nav-wrapper { margin-left: 210px; }
-#contact-edit-links { float: left; margin-top: 23px; }
-#contact-edit-nav-wrapper .icon {
-	border: 1px solid #babdb6;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;	
-}
-
-#contact-edit-nettype {
-	font-size: 1em;
-	font-variant: small-caps;
-	margin-left: 30px;
-	margin-bottom: 0px;
-	padding-bottom: 0px;
-}
 
-#contact-edit-poll-wrapper { margin-left: 50px; width: 300px;}
-#contact-edit-last-update-text { margin-bottom: 15px; padding-top: 20px; padding-left: 10px; font-size: 0.9em; max-width: 300px; }
-#contact-edit-last-updated { font-weight: bold; }
-#contact-edit-poll-text { display: inline; font-size: 0.9em; padding-left: 10px; }
-#contact-edit-end { clear: both; margin-bottom: 65px;}
 
 #contact-edit-update-now {
-	width: 80px;
-	padding: 5px 10px 5px 10px;
-	margin-left: 125px;
-	margin-top: 10px;
-	font-style: bold;
+	padding:7px;
+	width: 165px;
+	margin: auto;
+	margin-left: 40px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+	background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+	background-color:#bdbdbd;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+	display:inline-block;
+	color:#efefef;
+	text-decoration:none;
+	text-align: center;
 }
 
 #contact-edit-update-now:hover {
-	color: #efefef;
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
@@ -1865,20 +1905,18 @@ margin-left: 0px;
 }
 
 #contact-edit-update-now:active {
-	background-color: #b20202;
 	position:relative;
 	top:1px;
 }
 
 #contact-edit-update-now a {
 	color: #efefef;
+	font-size: 14px;
+	text-align: center;
+	margin: auto;
 }
 
 
-#contact-edit-profile-select-text > p {
-	font-size: 1em;
-}
-
 .contact-photo-menu-button {
 	position: absolute;
     background-image: url("photo-menu.jpg");
@@ -2014,6 +2052,7 @@ margin-left: 0px;
 	background-color:#b20202;	
 }
 
+
 #side-invite-link:active {
 	background-color: #b20202;
 	position:relative;
@@ -2024,6 +2063,46 @@ margin-left: 0px;
 	color: #efefef;	
 }
 
+#side-suggest-link {
+	width: 180px;
+	padding: 10px;
+	margin: auto;
+	margin-bottom: 20px;
+	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+	background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+	background-color:#bdbdbd;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+	padding: 5px 10px 5px 10px;
+	color: #efefef;
+	font-size: 1.2em;
+	text-align: center;	
+}
+
+#side-suggest-link:hover {
+	color: #efefef;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
+	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
+	background-color:#b20202;	
+}
+
+
+#side-suggest-link:active {
+	background-color: #b20202;
+	position:relative;
+	top:1px;	
+}
+
+#side-suggest-link a {
+	color: #efefef;	
+}
+
 #invite-message, #invite-recipients, #invite-recipient-text {
 	padding: 10px;
 }
@@ -2046,13 +2125,6 @@ margin-left: 0px;
 	font-variant: normal;	
 }
 
-#contact-view-recent {
-	float: left;
-	width: 150px;
-	padding: 5px;
-	margin-bottom: 20px;
-}
-
 #contact-suggest {
 	float: left;
 	margin-left: 10px;
@@ -2093,9 +2165,6 @@ margin-left: 0px;
 	color: #efefef;
 }
 
-#contact-edit-info-wrapper {
-	clear: both;
-}
 
 /* ===================================== */
 /* = Register, Settings, Profile Forms = */
@@ -2810,7 +2879,8 @@ tr {
 .on 		{ background-position: -50px  -60px;}
 .off 		{ background-position: -70px  -60px;}
 .prev 		{ background-position: -90px  -60px;}
-.next 		{ background-position: -110px  -60px;}
+.next 		{ background-position: -110px -60px;}
+.tagged     { background-position: -130px -60px;}
 
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
 
@@ -3085,3 +3155,41 @@ ul.menu-popup {
 #jGrowl {
 	z-index: 20000;
 }
+
+/* autocomplete popup */
+.acpopup {
+	max-height:150px;
+	overflow:auto;
+	z-index:100000;
+	
+	color: #2e3436;
+	border-top: 0px;
+	background: #eeeeee;
+	border-right: 1px solid #dddddd;
+	border-left: 1px solid #dddddd;
+	border-bottom: 1px solid #dddddd;
+	-webkit-border-radius: 0px 5px 5px 5px;
+	-moz-border-radius: 0px 5px 5px 5px;
+	border-radius: 0px 5px 5px 5px;
+	-moz-box-shadow: 3px 3px 4px #959494;
+	-webkit-box-shadow: 3px 3px 4px #959494;
+	box-shadow: 3px 3px 4px #959494;
+	
+}
+.acpopupitem {
+	color: #2e3436; padding: 4px;
+	clear:left;
+}
+.acpopupitem img {
+	float: left;
+	margin-right: 4px;
+}
+
+.acpopupitem.selected {
+	color: #efefef;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
+	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
+	background-color:#b20202; 
+	order-bottom: none;
+}