X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fsmoothly%2Fstyle.css;h=c560dcc77227efba6dd0e3bea1d1274f6e01b90b;hb=cde9b6370da1735fffab2fe5933334c2ac3320e9;hp=82a30b31317a020a64eb663e67c594a9c66564c2;hpb=c92e7a3521371d22fa90e5d9b1bce99eb0f1ba54;p=friendica.git

diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index 82a30b3131..c560dcc772 100644
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -2,7 +2,7 @@
   	style.css
   	Smoothly
    
-	Created by alex@friendica.pixelbits.de on 2012-10-24
+	Created by alex@friendica.pixelbits.de on 2013-01-01
 
 ** Colors ** 
 Blue links - #1873a2
@@ -412,7 +412,7 @@ nav #user-menu:hover {
 }
 
 nav #user-menu-label::after {
-	content: url("menu-user-pin.png") no-repeat;
+	content: url("images/menu-user-pin.png") no-repeat;
 	padding-left: 15px;
 }
 
@@ -457,9 +457,9 @@ ul#user-menu-popup {
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#898988');
 	background-color: #898988;
 	width: 100%;
-	padding: 10px 0px;
+	padding: 0;
 	margin: 0px;
-	margin-top: 4px;
+	margin-top: 10px;
 	top: 20px;
 	left: 0px;
 	border: 1px solid #9a9a9a;
@@ -509,7 +509,7 @@ ul#user-menu-popup li a.nav-sep {
 .nav-ajax-update {
 	width: 44px;
 	height: 32px;
-	background: transparent url('notifications.png') 0px 0px no-repeat; 
+	background: transparent url('images/notifications.png') 0px 0px no-repeat; 
 	color: #333333;
 	font-weight: bold;
 	font-size: 0.8em;
@@ -722,7 +722,7 @@ aside h4 {
 }
 
 h3 #search:before {
-	content: url("search.png");
+	content: url("images/search.png");
 	padding-right: 10px;
 	vertical-align: middle;
 }
@@ -743,6 +743,29 @@ h3 #search:before {
 	padding-bottom: 10px;
 }
 
+#message-sidebar {
+	vertical-align: middle;
+	margin-top: 40px;
+}
+
+#message-new {
+	padding: 7px;
+	width: 165px;
+	margin: 10px;
+	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;
+	display: inline-block;
+	color: #efefef;
+	text-decoration: none;
+	text-align: center;
+	border: 1px solid #7C7D7B;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+}
+
 #peoplefind-desc {
 	margin-left: 10px;
 }
@@ -752,6 +775,10 @@ h3 #search:before {
 	margin-right: 30px;
 }
 
+#sidebar-ungrouped {
+	margin: 10px;
+}
+
 #sidebar-group-list  a {
 }
 
@@ -766,6 +793,11 @@ h3 #search:before {
 	margin: 10px;
 }
 
+#side-peoplefind-url {
+	margin: 10px;
+	width: 175px;
+}
+
 #sidebar-page-list {}
 
 .widget {
@@ -786,7 +818,7 @@ h3 #search:before {
 
 li.widget-list {
 	list-style: none outside none;
-	background: url("arrow.png") no-repeat scroll left center transparent;
+	background: url("images/arrow.png") no-repeat scroll left center transparent;
 	display: block;
    	padding: 3px 24px;
 }
@@ -884,7 +916,12 @@ ul .sidebar-group-li .icon {
 }
 
 .nets-link {
-	margin-left: 24px;
+	color: #1873A2;
+	text-decoration: none;
+	margin-left: 2px;
+	padding-left: 20px;
+	background: url("images/arrow.png") no-repeat scroll left center transparent;
+	box-shadow: none;
 }
 .nets-all {
 	margin-left: 42px;
@@ -923,7 +960,7 @@ ul .sidebar-group-li .icon {
 }
 
 #group-sidebar h3:before {
-	content: url("groups.png");
+	content: url("images/groups.png");
 	padding-right: 10px;
 	vertical-align: middle;
 }
@@ -1334,20 +1371,22 @@ ul .sidebar-group-li .icon {
 	margin-left: 10px;
 }
 
-.wall-item-photo-menu {
-	display: none;
-}
-
 .wall-item-photo-menu-button {
 	display: none;
 	text-indent: -99999px;
-	background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
+	background: #eeeeee url("images/menu-user-pin.png") no-repeat 75px center;
 	position: absolute;
 	overflow: hidden;
 	height: 20px;
-	width: 90px;
+	width: 100%;
 	top: 85px;
 	left: -1px;
+	border-right: 1px solid #dddddd;
+	border-left: 1px solid #dddddd;
+	border-bottom: 1px solid #dddddd;
+	box-shadow: 3px 3px 4px #959494;
+		-moz-box-shadow: 3px 3px 4px #959494;
+		-webkit-box-shadow: 3px 3px 4px #959494;
 	border-radius: 0px 0px 5px  5px;	
 		-webkit-border-radius: 0px 0px 5px  5px;
 		-moz-border-radius: 0px 0px 5px  5px;
@@ -1360,8 +1399,16 @@ ul .sidebar-group-li .icon {
 
 .wall-item-photo-wrapper { 
 	width: 80px; 
-	height: 80px;  
+	height: 80px;
+	padding: 4px;
 	position: relative;
+	border: 1px solid #dddddd;
+	border-radius: 5px;
+		-webkit-border-radius: 5px;
+		-moz-border-radius: 5px;
+	box-shadow: 3px 3px 4px #959494;
+		-moz-box-shadow: 3px 3px 4px #959494;
+		-webkit-box-shadow: 3px 3px 4px #959494;
 }
 
 .wall-item-tools { 
@@ -1502,7 +1549,6 @@ ul .sidebar-group-li .icon {
 
 .wall-item-location {
 	margin-top: 5px;
-	width: 100px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 		-o-text-overflow: ellipsis;
@@ -1564,7 +1610,8 @@ ul .sidebar-group-li .icon {
 }
 
 .wall-item-photo-menu {
-	min-width: 92px;
+	display: none;
+	min-width: 88px;
 	color: #2e3436;
 	border-top: 1px;
 	background: #eeeeee;
@@ -1572,7 +1619,7 @@ ul .sidebar-group-li .icon {
 	border-left: 1px solid #dddddd;
 	border-bottom: 1px solid #dddddd;
 	position: absolute;
-	left: -2px; 
+	left: -1px; 
 	top: 101px;
 	display: none;
 	z-index: 10000;
@@ -1585,15 +1632,6 @@ ul .sidebar-group-li .icon {
 
 }
 
-.wall-item-photo-menu-button {
-	border-right: 1px solid #dddddd;
-	border-left: 1px solid #dddddd;
-	border-bottom: 1px solid #dddddd;
-	box-shadow: 3px 3px 4px #959494;
-		-moz-box-shadow: 3px 3px 4px #959494;
-		-webkit-box-shadow: 3px 3px 4px #959494;
-}
-
 .fakelink wall-item-photo-menu-button {
 	-webkit-border-radius: 0px 5px 5px 5px;
 	-moz-border-radius: 0px 5px 5px 5px;
@@ -1691,7 +1729,6 @@ code {
 }
 
 .wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
-	width: 50px;
 	top: 45px;
 	background-position: 35px center;
 }
@@ -1738,7 +1775,8 @@ code {
 }
 
 .comment-edit-text-empty { 
-	width: 672px; /*80%*/
+	width: 98%;
+	max-width: 672px;
 	height: 20px;
 	color: #babdb6;
 	transition: all 0.5s ease-in-out;	
@@ -1751,7 +1789,8 @@ code {
 }
 
 .comment-edit-text-full { 
-	width: 670px; 
+	width: 98%;
+	max-width: 672px;
 	height: 6em;
 	transition: all 0.5s ease-in-out;	
 		-webkit-transition: all 0.5s ease-in-out;
@@ -1759,7 +1798,8 @@ code {
 }
 
 .comment-edit-submit-wrapper { 
-	width: 670px; 
+	width: 98%;
+	max-width: 672px;
 	margin-left: 20px; 
 	text-align: left; 
 }
@@ -1854,6 +1894,10 @@ div[id$="wrapper"] br {
 	color: #898989;
 }
 
+#profile-edit-links {
+	margin-left: 0;
+}
+
 #profile-edit-links li {
 	display: inline;
 	width: 150px;
@@ -1902,9 +1946,10 @@ div[id$="wrapper"] br {
 	clear:both; 
 }
 
-.profile-match-name a {
-	color: #999;
-	font-size: 1em;
+.profile-match-name {
+        float: left;
+        text-align: left;
+        overflow: hidden;
 }
 
 .profile-match-name a:hover {
@@ -1912,20 +1957,36 @@ div[id$="wrapper"] br {
 }
 
 .profile-match-wrapper {
+	position: relative;
 	float:left;
-	height:120px;
-	padding:10px;
-	width:120px;
-	margin-bottom: 10px;
-	margin-left: 20px;
+	height:80px;
+	padding:5px;
+	width:80px;
+	margin-bottom: 70px;
+	margin-right: 29px;
 	background-color: #f6f6f6;
 	border: 1px solid #dddddd;
 	box-shadow: 3px 3px 4px #959494;
 		-moz-box-shadow: 3px 3px 4px #959494;
 		-webkit-box-shadow: 3px 3px 4px #959494;
-	clear: both;	
 }
 
+.profile-match-break,
+.profile-match-end {
+        clear: both;
+}
+
+.profile-match-connect {
+        text-align: left;
+        font-weight: bold;
+}
+.profile-match-ignore {
+	height: 0!important;
+}
+
+#profile-match-wrapper-end {
+        clear: both;
+}
 .profile-match-end {
 	clear: both;
 }
@@ -1946,12 +2007,19 @@ div[id$="wrapper"] br {
 }
 
 .photo {
-	height: 191px;
-	width: 191px;
+	height: 191px!important;
+	width: 191px!important;
+}
+
+#side-bar-photos-albums {
+}
+
+#photo-albums-upload-link {
+	margin: 20px;
 }
 
 #side-bar-photos-albums h3:before {
-	content: url("photography.png");
+	content: url("images/photography.png");
 	padding-right: 10px;
 	vertical-align: middle;
 }
@@ -2029,7 +2097,9 @@ div[id$="wrapper"] br {
 	border-bottom: 0px; 
 }
 
-.photo-top-photo {}
+.photo-top-photo {
+	width: 180px;
+}
 .photo-album-photo {} 
 
 .photo-top-album-name {
@@ -2085,13 +2155,13 @@ div[id$="wrapper"] br {
 #photo-prev-link { 
 	left: 0px; 
 	top: 0px; 
-	background-image: url('prev.png'); 
+	background-image: url('images/prev.png'); 
 }
 
 #photo-next-link { 
 	right: 0px; 
 	top: 0px; 
-	background-image: url('next.png');
+	background-image: url('images/next.png');
 }
 
 #photo-prev-link a,
@@ -2124,17 +2194,15 @@ div[id$="wrapper"] br {
 
 #photos-upload-existing-album-text,
 #photos-upload-newalbum-div { 
-	background-color: #fff;
 	color: #909090;
-	font-size: 1.2em;
 	padding: 3px 0px;
-	padding-left: 0px;
 	width: 300px;
 }
 
 #photos-upload-album-select,
 #photos-upload-newalbum { 
-	width: 400px; 
+	width: 400px;
+	margin-bottom: 10px;
 }
 
 #photos-upload-perms-menu {
@@ -2146,6 +2214,12 @@ div[id$="wrapper"] br {
 	display: none;
 }
 
+#photos-upload-perms {
+	margin-top: 10px;
+}
+
+.photos-upload-perms {}
+
 select, input {
 	border: 1px solid #b0b0b0;
 	padding: 2px;
@@ -2260,9 +2334,9 @@ input #photo_edit_form {
 .mail-conv-detail, 
 .mail-list-detail {
 	position: relative;
-	width: 500px;
+	width: 550px;
 	padding: 50px;
-	margin: 20px auto;
+	margin: 20px 0 0 0;
 	background-color: #fff;
 	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
 	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
@@ -2655,7 +2729,7 @@ margin-left: 0px;
 
 .contact-photo-menu-button {
 	position: absolute;
-	background-image: url("photo-menu.jpg");
+	background-image: url("images/photo-menu.jpg");
 	background-position: top left; 
 	background-repeat: no-repeat;
 	margin: 10px 0 0 0; 
@@ -2713,11 +2787,11 @@ margin-left: 0px;
 }
 
 #follow-sidebar {
-	margin-bottom: 80px;
+	margin-bottom: 10px;
 }
 
 #follow-sidebar h3:before {
-	content: url("user.png");
+	content: url("images/user.png");
 	padding-right: 10px;
 	vertical-align: middle;
 }
@@ -2733,50 +2807,10 @@ margin-left: 0px;
 	text-align: center;
 }
 
+#side-invite-link,
+#side-random-profile-link,
+#side-suggest-link,
 #side-match-link {
-	width: 158px;
-	padding: 10px;
-	margin: auto 10px 20px;
-	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;
-	padding: 5px 10px 5px 10px;
-	color: #efefef;
-	font-size: 1.1em;
-	text-align: center;
-	border: 1px solid #7C7D7B;
-	border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-}
-
-#side-match-link:hover {
-	color: #efefef;
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
-	background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
-	background-color: #1873a2;
-	border: 1px solid #7C7D7B;
-	box-shadow: 0 0 8px #BDBDBD;
-		-moz-box-shadow: 3px 3px 4px #959494;
-		-webkit-box-shadow: 3px 3px 4px #959494;
-	border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-}
-
-#side-match-link:active {
-	background-color: #1873a2;
-	position: relative;
-	top: 1px;
-}
-
-#side-match-link a {
-	color: #efefef;
-}
-
-#side-invite-link {
 	width: 80%;
 	padding: 10px;
 	margin: auto;
@@ -2795,7 +2829,10 @@ margin-left: 0px;
 		-webkit-border-radius: 5px;
 }
 
-#side-invite-link:hover {
+#side-invite-link:hover,
+#side-random-profile-link:hover,
+#side-suggest-link:hover,
+#side-match-link:hover {
 	color: #efefef;
 	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
 	background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
@@ -2811,59 +2848,22 @@ margin-left: 0px;
 }
 
 
-#side-invite-link:active {
+#side-invite-link:active,
+#side-random-profile-link:active,
+#side-suggest-link:active,
+#side-match-link:active {
 	background-color: #1873a2;
 	position: relative;
 	top: 1px;	
 }
 
-#side-invite-link a {
+#side-invite-link a,
+#side-random-profile-link a,
+#side-suggest-link a,
+#side-match-link a {
 	color: #efefef;	
 }
 
-#side-suggest-link {
-	width: 80%;
-	padding: 10px;
-	margin: auto;
-	margin-bottom: 20px;
-	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;
-	padding: 5px 10px 5px 10px;
-	color: #efefef;
-	font-size: 1.1em;
-	text-align: center;
-	border: 1px solid #7C7D7B;
-	border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-}
-
-#side-suggest-link:hover {
-	color: #efefef;
-	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
-	background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
-	background-color: #1873a2;	
-	border: 1px solid #7C7D7B;
-	box-shadow: 0 0 8px #BDBDBD;
-		-moz-box-shadow: 3px 3px 4px #959494;
-		-webkit-box-shadow: 3px 3px 4px #959494;
-	border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-}
-
-#side-suggest-link:active {
-	background-color: #1873a2;
-	position: relative;
-	top: 1px;	
-}
-
-#side-suggest-link a {
-	color: #efefef;	
-}
 
 #invite-message,
 #invite-recipients, 
@@ -2947,7 +2947,7 @@ margin-left: 0px;
 
 #id_openid_url, 
 .openid input {
-	background: url(login-bg.gif) no-repeat;
+	background: url(images/login-bg.gif) no-repeat;
 	background-position: 0 50%;
 	padding-left: 18px;
 	width: 250px!important;
@@ -3381,7 +3381,7 @@ margin-left: 0px;
 }
 
 .event-description:before {
-	content: url('calendar.png');
+	content: url('images/calendar.png');
 	margin-right: 15px;
 	vertical-align: middle;
 }
@@ -3564,6 +3564,7 @@ margin-left: 0px;
 #adminpage h3 {
 	border-bottom: 1px solid #898989;
 	margin-bottom: 5px;
+	padding-bottom: 5px;
 	margin-top: 10px;
 }
 
@@ -3580,10 +3581,16 @@ margin-left: 0px;
 #adminpage .plugin {
 	list-style: none;
 	display: block;
-	border: 1px solid #888888;
-	padding: 1em;
-	margin-bottom: 5px;
 	clear: left;
+	border: 1px solid #7C7D7B;
+	box-shadow: 0 0 8px #BDBDBD;
+		-moz-box-shadow: 3px 3px 4px #959494;
+		-webkit-box-shadow: 3px 3px 4px #959494;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+	padding:10px;
+	margin:10px 10px 10px 0;
 }
 
 #adminpage .toggleplugin {
@@ -3711,19 +3718,19 @@ margin-left: 0px;
 	display: block; 
 	width: 20px; 
 	height: 20px;
-	background-image: url("icons.png");
+	background-image: url("images/icons.png");
 }
 .starred { 
-	background-image: url("star.png");
+	background-image: url("images/star.png");
 	repeat: no-repeat;
 }
 .unstarred { 
-	background-image: url("premium.png");
+	background-image: url("images/premium.png");
 	repeat: no-repeat;
 }
 
 .notify {
-	background-image: url("notifications.png");
+	background-image: url("images/notifications.png");
 	repeat: no-repeat;
 }
 
@@ -3764,7 +3771,7 @@ margin-left: 0px;
 }
 
 .sharePerms {
-	background-image: url("icons.png");
+	background-image: url("images/icons.png");
 	width: 20px;
 	height: 20px;
 	margin: 2px 0px 2px 3px;
@@ -4194,7 +4201,7 @@ ul.menu-popup {
 }
 
 div.wall-item-content-wrapper.shiny {
-	background-image: url("shiny.png");
+	background-image: url("images/shiny.png");
 	background-repeat: repeat-x;
 }
 
@@ -4212,14 +4219,13 @@ div.wall-item-content-wrapper.shiny {
 #profile-upload-wrapper,
 #wall-image-upload-div,
 #wall-file-upload-div,
-
 .hover, 
 .focus {
 	cursor: pointer;
 }
 
 hr.line-dots {
-    background: url("dot.png") repeat-x scroll left center transparent;
+    background: url("images/dot.png") repeat-x scroll left center transparent;
     border: medium none;
 }
 
@@ -4252,7 +4258,9 @@ hr.line-dots {
 
 .filer-icon {
 	display: block; width: 16px; height: 16px;
-	background-image: url('file.gif');
+	background-image: url('images/file.gif');
+	margin-left: 5px;
+	float: left;
 }
 
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
@@ -4326,8 +4334,7 @@ div #datebrowse-sidebar.widget {
 	color: #1873a2;
 	cursor: pointer;
 	margin-bottom: 10px;
-	margin-left: 5px;
-	/*background: url("down.png") no-repeat scroll left center transparent;*/
+	/*background: url("images/down.png") no-repeat scroll left center transparent;*/
 }
 
 .fakelink:hover {
@@ -4367,10 +4374,14 @@ div #datebrowse-sidebar.widget {
 
 #settings-notifications {
 	border: 1px solid #7C7D7B;
+	box-shadow: 0 0 8px #BDBDBD;
+		-moz-box-shadow: 3px 3px 4px #959494;
+		-webkit-box-shadow: 3px 3px 4px #959494;
 	border-radius: 5px;
 		-moz-border-radius: 5px;
 		-webkit-border-radius: 5px;
 	padding:10px;
+	margin:10px 10px 10px 0;
 }
 
 #id_npassword {}
@@ -4397,3 +4408,20 @@ div #datebrowse-sidebar.widget {
 .bigwidget {}
 
 #remote-friends-in-common  {}
+
+.settings-block {
+	border: 1px solid #7C7D7B;
+	box-shadow: 0 0 8px #BDBDBD;
+		-moz-box-shadow: 3px 3px 4px #959494;
+		-webkit-box-shadow: 3px 3px 4px #959494;
+	border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+	padding:10px;
+	margin:10px 10px 10px 0;
+}
+
+#page-settings-label{
+	width: auto !important;
+	margin-bottom: 5px !important;
+}