X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fsmoothly%2Fstyle.css;h=600e1fbfd782f21c460d0da6fbd5b5ee4cb6e99e;hb=8a8fe725af5fceeb64c6dcc4b420a76c0dfede6e;hp=852b966eb7058f48f423a515fba084f71fc9336f;hpb=cd3938dfdaf99c9978dfecf231ae1e29eb5fb737;p=friendica.git

diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index 852b966eb7..600e1fbfd7 100644
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -3,7 +3,7 @@
   	Smoothly
    
   	Created by Anne Walk and Devlon Duthie on 2011-09-24
-	Modified by alex@friendica.pixelbits.de on 2012-09-14
+	Modified by alex@friendica.pixelbits.de on 2012-09-20
 
 
 ** Colors ** 
@@ -20,7 +20,6 @@ Orange - #fec01d
 body {
     margin: 0 auto;
     padding-bottom: 3em;
-    /*position: relative;*/
     width: 960px;
     font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
     font-size: 15px;
@@ -93,9 +92,8 @@ li.widget-list {
 .fakelink {
 	color: #1873a2;
 	cursor: pointer;
-	padding-left: 20px;
-	margin-left: 20px;
 	margin-bottom: 10px;
+	margin-left: 10px;
 	/*background: url("down.png") no-repeat scroll left center transparent;*/
 }
 
@@ -110,10 +108,11 @@ li.widget-list {
 
 
 input[type=text] {
+	float: left;
 	border: 1px solid #b0b0b0;
 	padding: 2px;
-	width: 466px;
-	margin-left: 0px;
+	width: 575px;
+	margin-top: 10px;
 	border-radius: 3px 3px 3px 3px;
 		-webkit-border-radius: 3px 3px 3px 3px;
 		-moz-border-radius: 3px 3px 3px 3px;
@@ -164,18 +163,18 @@ input[type=submit]:active {
 }
 
 ::selection	{
-	background: #fdf795;
+	background: #fec01d;
 	color: #000; /* Safari and Opera */
 }
 
 ::-moz-selection {
-	background: #fdf795;
+	background: #fec01d;
 	color: #000; /* Firefox */
 }
 
 section {
 	float: left;
-	padding-top: 45px; /*60*/
+	margin-top: 45px;
 	width: 730px;
 	font-size: 0.9em;
 	line-height: 1.2em;
@@ -546,7 +545,7 @@ ul#user-menu-popup li a.nav-sep {
 aside {
 	float: right;
 	width: 205px;
-	margin-top: 40px;
+	margin-top: 45px;
 	font-size: 0.9em;
 	font-style: bold;
 }
@@ -569,7 +568,6 @@ aside a{
 	font-size: 1.4em;
 	font-weight: bold;
 	border-bottom: none;
-	padding-top: 15px;
 }
 
 .vcard #profile-photo-wrapper {
@@ -649,7 +647,7 @@ aside h4 {
 	padding: 5px 5px 5px 5px;
 }
 #netsearch-box input[type="text"] {
-	width: 97%;
+	width: 90%;
 }
 #netsearch-box input[type="submit"] {
 	width: auto;
@@ -871,6 +869,7 @@ ul .sidebar-group-li .icon {
 
 #profile-jot-text_tbl {
 	margin-bottom: 10px;
+	margin-top: 10px;
 }
 
 #profile-jot-text_ifr {
@@ -884,7 +883,7 @@ ul .sidebar-group-li .icon {
 #jot-title {
 	margin: 0px;
 	height: 20px;
-	width: 466px;
+	width: 575px;
 	font-weight: bold;
 	border: 1px solid #cccccc;
 }
@@ -957,7 +956,7 @@ ul .sidebar-group-li .icon {
 #profile-jot-submit {
 	width: 80px;
 	float: right;
-	margin-right: 90px;
+	margin-right: 145px;
 	margin-top: -20px;
 	margin-left: 10px;
 	padding: 5px 5px;
@@ -1075,7 +1074,7 @@ ul .sidebar-group-li .icon {
 }
 
 #profile-jot-wrapper {
-	margin-top: 0px;
+	margin-top: -15px;
 	padding-top: 0px;
 }
 
@@ -1122,14 +1121,14 @@ profile-jot-banner-wrapper {
 .wall-item-outside-wrapper {
 	max-width: 100%;
 	border-bottom: 1px solid #dedede; 
-	margin-top: 20px;
+	/*margin-top: 20px;*/
 	margin-bottom: 20px;
 	padding-right: 10px;
 	padding-left: 12px;
 	background: none repeat scroll 0 0 #FFFFFF;
 	border: 1px solid #CDCDCD;
 	border-radius: 5px 5px 5px 5px;
-	box-shadow: 0 0 8px #BDBDBD;
+	box-shadow: 0 0 8px #7c7d7b;
 }
 
 .wall-item-outside-wrapper-end {
@@ -1178,9 +1177,10 @@ profile-jot-banner-wrapper {
 	transition: all 0.25s ease-in-out;
 		-webkit-transition: all 0.25s ease-in-out;
 		-moz-transition: all 0.25s ease-in-out;
-	margin-top: 10px;
+	margin-top: 20px;
 	padding-bottom: 5px;
 	float: right;
+	width: auto;
 }
 
 .wall-item-tools:hover {
@@ -1189,22 +1189,40 @@ profile-jot-banner-wrapper {
 	transition: all 0.25s ease-in-out;	
 		-webkit-transition: all 0.25s ease-in-out;
 		-moz-transition: all 0.25s ease-in-out;
-	margin-left: 140px;
+}
+
+.wall-item-social { 
+	filter: alpha(opacity=60);
+	opacity: 0.7;
+	transition: all 0.25s ease-in-out;
+		-webkit-transition: all 0.25s ease-in-out;
+		-moz-transition: all 0.25s ease-in-out;
+	margin-top: 20px;
+	margin-left: 0px;
+	padding-bottom: 5px;
+	float: left;
+	width: auto;
+}
+
+.wall-item-social:hover {
+	filter: alpha(opacity=100);
+	opacity: 1;
+	transition: all 0.25s ease-in-out;	
+		-webkit-transition: all 0.25s ease-in-out;
+		-moz-transition: all 0.25s ease-in-out;
 }
 
 .wall-item-outside-wrapper.comment .wall-item-tools {
-	margin: 5px 5px 0px 70px;
 	float: right;
 }
 
 .wall-item-like-buttons {
 	float: left;
-	padding-left: 10px;
 }
 
 .wall-item-like-buttons a.icon {
 	float: left;
-	margin-right: 5px;
+	margin-right: 10px;
 	display: inline;
 }
 
@@ -1215,17 +1233,18 @@ profile-jot-banner-wrapper {
 
 .wall-item-delete-wrapper {
 	float: left;
-	margin-right: 5px;
+	margin-right: 10px;
 }
 
 .wall-item-links-wrapper a.icon {
 	float: left;
-	margin-right: 5px;
+	margin-right: 10px;
 	display: inline;
 }
 
 .pencil {
 	float: left;
+	margin-right: 20px;
 }
 
 .star-item {
@@ -1267,8 +1286,8 @@ profile-jot-banner-wrapper {
 .wall-item-like {
 	clear: left;
 	font-size: 0.9em;
-	margin: 0px 0px 10px 450px;
-	padding-left: 0px;
+	margin: 0px 0px 10px 0px;
+	padding-left: 10px;
 }
 
 .wall-item-author {
@@ -1425,7 +1444,7 @@ profile-jot-banner-wrapper {
 	overflow: auto;
 	margin-top: 20px;
 	float: right;
-    	width: 230px;
+    width: 250px;
 }
 
 /* ============ */
@@ -1437,9 +1456,19 @@ profile-jot-banner-wrapper {
 	color: #898989;
 	margin-left: 60px;
 }
- 
+
+.tread-wrapper  {
+	border: 0px solid #CDCDCD;
+	border-radius: 5px 5px 5px 5px;
+	margin-bottom: 20px;
+	background-color: #E2E2E2;
+}
+
+.collapsed-comments,
+.hide-comments-outer,
 .wall-item-outside-wrapper.comment { 
-	margin-left: 70px; 
+	margin-left: 30px;
+	margin-bottom: 20px;
 }
 
 .wall-item-outside-wrapper.comment .wall-item-photo {
@@ -1484,18 +1513,19 @@ profile-jot-banner-wrapper {
 
 .comment-wwedit-wrapper,
 .comment-edit-wrapper { 
-	margin: 30px 0px 0px 80px;
+	margin: 0px 0px 5px 0px;
 }
 
 .comment-wwedit-wrapper img,
 .comment-edit-wrapper img { 
 	width: 20px; 
-	height: 20px; 
+	height: 20px;
+	margin-top: 5px;
 }
 
 .comment-edit-photo-link { 
 	float: left; 
-	width: 40px;
+	width: 30px;
 }
 
 .comment-edit-text-empty { 
@@ -1913,6 +1943,7 @@ select[size],
 select[multiple], 
 select[size][multiple] {
 	-webkit-appearance: listbox;
+	margin: 5px 0px 10px 30px;
 }
 
 select {
@@ -1926,7 +1957,8 @@ keygen, select {
 	/*-webkit-border-radius: ;*/
 }
 
-input, textarea, keygen {
+textarea, keygen {
+	margin-top: 3px;
 	font-size: 0.9em;
 	letter-spacing: normal;
 	word-spacing: normal;
@@ -1938,6 +1970,20 @@ input, textarea, keygen {
 	text-align: -webkit-auto;	
 }
 
+input {
+	margin-top: 3px;
+	margin-right: 10px;
+	/*font-size: 0.9em;
+	letter-spacing: normal;
+	word-spacing: normal;
+	line-height: 1.2em;
+	text-transform: none;
+	text-indent: 0px;
+	text-shadow: none;
+	display: inline-block;
+	text-align: -webkit-auto;*/
+}
+
 .qq-upload-button {
 	border-radius: 5px;
 		-moz-border-radius: 5px;
@@ -2423,7 +2469,7 @@ margin-left: 0px;
 }
 
 #follow-sidebar {
-	margin-bottom: 20px;
+	margin-bottom: 80px;
 }
 
 #follow-sidebar h3:before {
@@ -3380,19 +3426,19 @@ tr {
 .drop 		{ background-position: -110px 0px;}
 .drophide 	{ background-position: -130px 0px;}
 .edit 		{ background-position: -150px 0px;}
-.camera 		{ background-position: -170px 0px;}
+.camera 	{ background-position: -170px 0px;}
 .dislike 	{ background-position: -190px 0px;}
 .like 		{ background-position: -210px 0px;}
 .link 		{ background-position: -230px 0px;}
 .globe 		{ background-position: -50px  -20px;}
 .noglobe 	{ background-position: -70px  -20px;}
-.no 			{ background-position: -90px  -20px;}
+.no 		{ background-position: -90px  -20px;}
 .pause 		{ background-position: -110px -20px;}
 .play 		{ background-position: -130px -20px;}
-.pencil 		{ background-position: -150px -20px;}
+.pencil 	{ background-position: -150px -20px; margin-right: 12px;}
 .small-pencil	{ background-position: -170px -20px;}
 .recycle 	{ background-position: -190px -20px;}
-.remote-link	{ background-position: -210px -20px;}
+.remote-link	{ background-position: -210px -20px; margin-right: 10px;}
 .share 		{ background-position: -230px -20px;}
 .tools 		{ background-position: -50px  -40px;}
 .lock 		{ background-position: -70px  -40px;}
@@ -3413,13 +3459,13 @@ tr {
 
 .video 		{ background-position: -110px -40px;}
 .youtube 	{ background-position: -130px -40px;}
-.attach 		{ background-position: -190px -40px;}
+.attach 	{ background-position: -190px -40px;}
 .language 	{ background-position: -210px -40px;}
-.on 			{ background-position: -50px  -60px;}
+.on 		{ background-position: -50px  -60px;}
 .off 		{ background-position: -70px  -60px;}
 .prev 		{ background-position: -90px  -60px;}
 .next 		{ background-position: -110px -60px;}
-.tagged     	{ background-position: -130px -60px;}
+.tagged     	{ background-position: -130px -60px; margin-right: 10px;}
 .icon.dim 	{ opacity: 0.3;filter:alpha(opacity=30);}
 
 .attachtype {
@@ -3448,6 +3494,7 @@ footer {
 	clear: both; 
 }
 
+#profile-jot-text-loading,
 #profile-jot-text {
 	height: 20px;
 	color: #cccccc;
@@ -3497,7 +3544,7 @@ footer {
 }
 
 #acl-list {
-	height: auto;
+	height: 400px;
 	border: 1px solid #cccccc;
 	background-color: #efefef;
 	clear: both;
@@ -3506,7 +3553,6 @@ footer {
 }
 
 #acl-list-content {
-	margin-left: 20px;
 }
 
 .acl-list-item {
@@ -3759,7 +3805,7 @@ ul.menu-popup {
 }
 
 .qcomment {
-	opacity: 0;
+	opacity: 0.8;
 	filter: alpha(opacity=0);
 }
 
@@ -3801,10 +3847,9 @@ hr.line-dots {
 ----------------------------------------------------------- */
 .shiny {
 	background: #fbfde9;
-	border-radius: 5px;
 }
 
-/*div.wall-item-content-wrapper.shiny {
+div.wall-item-content-wrapper.shiny {
 	background-image: url("shiny.png");
-	background-repeat: no-repeat;
-}*/
+	background-repeat: repeat-x;
+}