200520 New reply layout and Longhorn theme

css/color.css

@@ -260,7 +260,14 @@ input[type="submit"] {
 }
 
 .post_footer {
-	background-color: #eee;
+	background-color: transparent;
+}
+
+.felem a:hover > span {
+	background-color:white;
+	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
+	color: black !important;
+	border-radius:4px;
 }
 
 .public::after {

css/mobile.css

@@ -55,6 +55,7 @@ input[type="file"], .nloadmore {
 
 textarea {
 	resize: none;
+	font-size:12px !important;
 }
 
 /* omnipresent */
@@ -110,6 +111,16 @@ textarea {
 	margin:0px !important;
 	text-align: left;
 	word-break: break-all;
+	font-size:12px !important;
+}
+
+.content * {
+
+	font-size:12px !important;
+}
+
+.content .emoji {
+	height:19px !important;
 }
 
 aside {
@@ -288,7 +299,7 @@ aside {
 }
 
 .element {
-	width: 90% !important;
+	width: 100% !important;
 	clear: both;
 	display: inline-block;
 	margin-top: 3px;
@@ -369,10 +380,18 @@ aside {
 }
 
 .felem {
-	margin-left: 7px;
+	margin-left: 16px;
 	float: left;
 }
 
+.felem a {
+	font-size:20px !important;
+}
+
+.felem a > span {
+	font-size:small;
+}
+
 .contact{
 	background-color:white;
 	cursor: pointer;
@@ -403,7 +422,7 @@ aside {
 	float: left;
 	text-align: center;
 	position: relative;
-	border-radius: 3px;
+	border-radius: 0px;
 }
 
 .postform,.searchmobile {
@@ -427,16 +446,8 @@ aside {
 	text-align: left;
 }
 
-.postHeader div {
-	white-space: nowrap; 
-	overflow: hidden; 
-	text-overflow: ellipsis;
-}
-
-
-
 .postHeader *,.post_footer *{
-	font-size:small;
+	font-size:12px;
 }
 
 .previewpost {
@@ -534,6 +545,10 @@ aside {
 	margin: 15px;
 }
 
+.postAge,.public:after,.unlisted:after,.private:after,.direct:after {
+	font-size:11px;
+}
+
 .post_footer {
 	width: 630px;
 	display: table-cell;
@@ -544,8 +559,9 @@ aside {
 	border-radius: 3px;
 }
 
+
 .post_buttons {
-	font-family: fontello;
+	font-family: fontello, sans-serif;
 	float: right;
 	display: inline-block;
 	text-align: right;
@@ -557,7 +573,7 @@ aside {
 	font-family: inherit;
 	text-decoration: none;
 	color: inherit;
-	font-size: inherit;
+	font-family: fontello, sans-serif;
 }
 
 .reply {
@@ -565,6 +581,11 @@ aside {
 	clear: both;
 	text-align: left;
 	display: block;
+	border-bottom:1px dotted #aaa;
+}
+
+.replyflex {
+	flex: 6 !important;
 }
 
 .note {

css/style.css

@@ -345,6 +345,10 @@ aside {
 	padding:0px;
 }
 
+.reply .postMenu {
+	margin-right:15px !important;
+}
+
 .profileMenu:hover > div, .listmenu:hover > div{
 	display:block !important;
 }
@@ -363,6 +367,30 @@ aside {
 	float: left;
 }
 
+.felem a {
+	font-size:20px !important;
+	position:relative;
+}
+
+.notif .felem a {
+	font-size:13px !important;
+}
+
+.felem a > span {
+	display:none;
+}
+
+.felem a:hover > span {
+	display:block;
+	position:absolute;
+	width:30px;
+	height:27px;
+	top:-35px;
+	left:-5px;
+	text-align:center;
+	padding-top:3px;
+}
+
 .contact{
 	background-color:white;
 	cursor: pointer;
@@ -526,8 +554,20 @@ aside {
 	border-radius: 3px;
 }
 
+.postAge,.public:after,.unlisted:after,.private:after,.direct:after {
+	font-size:12px;
+}
+
+.reply:hover .post_buttons,.reply:hover .postMenu {
+	display:block !important;
+}
+
+.replyflex {
+	flex:9;
+}	
+
 .post_buttons {
-	font-family: fontello;
+	font-family: fontello, sans-serif;
 	float: right;
 	display: inline-block;
 	text-align: right;
@@ -536,7 +576,7 @@ aside {
 
 .post_buttons a,
 .post_buttons span {
-	font-family: inherit;
+	font-family: fontello, sans-serif;
 	text-decoration: none;
 	color: inherit;
 	font-size: inherit;
@@ -547,6 +587,7 @@ aside {
 	clear: both;
 	text-align: left;
 	display: block;
+	border-bottom:1px dotted #aaa;
 }
 
 .note {