Oracle (ex_ioracle) wrote in changelog,
Oracle
ex_ioracle
changelog

[livejournal] r20111: LJSUP-9254: Redesign of conetxtual popup...

Committer: skomarov
LJSUP-9254: Redesign of conetxtual popup hover
U   trunk/htdocs/stc/ie.css
U   trunk/htdocs/stc/lj_base.css
Modified: trunk/htdocs/stc/ie.css
===================================================================
--- trunk/htdocs/stc/ie.css	2011-09-22 07:53:11 UTC (rev 20110)
+++ trunk/htdocs/stc/ie.css	2011-09-22 08:44:38 UTC (rev 20111)
@@ -596,6 +596,13 @@
 	margin-bottom: -4px;
 	}
 
+/* Contextual hover
+-----------------------------------------------*/
+.b-contextualhover .b-contextualhover-section,
+.b-contextualhover .b-contextualhover-options LI {
+	zoom: 1;
+	}
+
 /* Should be at bottom of the page! */
 * HTML .i-ljtimes-btn,
 * HTML .i-ljtimes-drag,
@@ -605,4 +612,3 @@
 	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg : this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
 	}
 
-

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2011-09-22 07:53:11 UTC (rev 20110)
+++ trunk/htdocs/stc/lj_base.css	2011-09-22 08:44:38 UTC (rev 20111)
@@ -2864,6 +2864,77 @@
 	max-width: 380px;
 	}
 
+/* Contextual hover */
+.b-contextualhover {
+	width: 250px;
+	font-family: 'Arial', sans-serif;
+	}
+	.b-contextualhover,
+	.b-contextualhover DIV,
+	.b-contextualhover P,
+	.b-contextualhover UL,
+	.b-contextualhover OL,
+	.b-contextualhover LI,
+	.b-contextualhover LABEL,
+	.b-contextualhover IMG,
+	.b-contextualhover SPAN,
+	.b-contextualhover H3,
+	.b-contextualhover INPUT {
+		padding: 0;
+		margin: 0;
+		}
+	.b-contextualhover P {
+		line-height: 18px;
+		font-size: 12px;
+		}
+	.b-contextualhover .input-checkbox {
+		margin-right: 2px;
+		vertical-align: middle;
+		}
+	.b-contextualhover .b-contextualhover-section {
+		overflow: hidden;
+		padding-right: 15px;
+		}
+	.b-contextualhover .b-contextualhover-side {
+		float: right;
+		width: 60px;
+		}
+	.b-contextualhover .b-contextualhover-userpic {
+		float: right;
+		width: 60px;
+		height: 60px;
+		text-align: right;
+		}
+		.b-contextualhover .b-contextualhover-userpic IMG {
+			max-width: 60px;
+			max-height: 60px;
+			}
+	.b-contextualhover .b-contextualhover-title {
+		margin-bottom: 10px;
+		}
+		.b-contextualhover .b-contextualhover-title H3 {
+			font-weight: normal;
+			line-height: 16px;
+			font-size: 12px;
+			}
+	.b-contextualhover .b-contextualhover-options {
+		margin-top: 10px;
+		list-style: none;
+		}
+		.b-contextualhover .b-contextualhover-options LI {
+			line-height: 18px;
+			font-size: 12px;
+			}
+		.b-contextualhover .b-contextualhover-options-ban P {
+			float: left;
+			}
+		.b-contextualhover .b-contextualhover-options-ban .b-contextualhover-options-wrap {
+			overflow: hidden;
+			padding-left: 7px;
+			}
+			.b-contextualhover .b-contextualhover-options-ban .b-contextualhover-options-wrap P {
+				float: none;
+				}
 
 /* Native Sharing */
 .b-sharethis {

Tags: css, ioracle, livejournal
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments