Савинцев Егор 🚶 (savintsev_egor) wrote in changelog,
Савинцев Егор 🚶
savintsev_egor
changelog

[livejournal] r17126: LJSUP-6473: Facebook

Committer: esavintcev
LJSUP-6473: Facebook
U   trunk/htdocs/stc/ie.css
U   trunk/htdocs/stc/lj_base.css
Modified: trunk/htdocs/stc/ie.css
===================================================================
--- trunk/htdocs/stc/ie.css	2010-08-16 08:57:23 UTC (rev 17125)
+++ trunk/htdocs/stc/ie.css	2010-08-16 09:50:19 UTC (rev 17126)
@@ -105,3 +105,36 @@
 	}
 
 
+/* Facebook & Openid
+--------------------------- */
+/* Must be removed after implementation of Framework! */
+.m-auth,
+.m-auth-item,
+.b-auth-desc,
+.b-auth-item FORM,
+.m-auth-bl,
+.m-auth-br {
+	zoom: 1;
+	}
+.b-auth-fbconnect {
+	overflow: visible;
+	}
+* HTML .m-auth-item {
+	position: relative;
+	}
+* HTML .m-auth-bl,
+* HTML .m-auth-br {
+	bottom: auto;
+	top: expression(this.parentNode.clientHeight);
+	}
+* HTML .m-auth-openid .m-auth-bl {
+	left: -1px;
+	}
+* HTML .m-auth-facebook .m-auth-bl {
+	left: expression(this.parentNode.offsetLeft*(-1)-11);
+	}
+* HTML .m-auth-br {
+	margin: 0;
+	left: expression(this.parentNode.parentNode.clientWidth-this.parentNode.offsetLeft-2);
+	}
+

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2010-08-16 08:57:23 UTC (rev 17125)
+++ trunk/htdocs/stc/lj_base.css	2010-08-16 09:50:19 UTC (rev 17126)
@@ -314,6 +314,79 @@
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF2F0), to(#FED4D3));
     }
 
+
+/* Styles for bubbles
+--------------------------- */
+/*Must be removed after implementation of Framework! */
+.b-bubble {
+	display: block;
+	}
+.i-bubble {
+	display: inline-block;
+	}
+.b-bubble,
+.i-bubble {
+	position:relative;
+	margin: 0 0 0 10px;
+	padding: 10px;
+	border-width: 1px;
+	border-style: solid;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+	}
+	.i-bubble-arrow {
+		position: absolute;
+		top: 50%;
+		left: -9px;
+		height: 0;
+		width: 0;
+		margin: -5px 0 0;
+		border-style: solid;
+		border-width: 5px 10px 5px 0;
+		}
+	.i-bubble-arrow-border {
+		position:absolute;
+		top: 50%;
+		left: -11px;
+		height: 0;
+		width: 0;
+		margin: -5px 0 0;
+		border-style: solid;
+		border-width: 5px 10px 5px 0;
+		}
+.b-bubble-noarrow {
+	margin: 0;
+	}
+	.b-bubble-noarrow .i-bubble-arrow,
+	.b-bubble-noarrow .i-bubble-arrow-border {
+		display: none;
+		}
+.b-bubble-lite {
+	border-color: #CCC;
+	background: #FFF;
+	}
+	.b-bubble-lite .i-bubble-arrow {
+		border-color: transparent #FFF transparent transparent;
+		}
+	.b-bubble-lite .i-bubble-arrow-border {
+		border-color: transparent #CCC transparent transparent;
+		}
+.b-bubble-yellow {
+	border-color: #EAE8AC;
+	background: #FFFFD5;
+	}
+	.b-bubble-yellow .i-bubble-arrow {
+		border-color: transparent #FFFFD5 transparent transparent;
+		}
+	.b-bubble-yellow .i-bubble-arrow-border {
+		border-color: transparent #EAE8AC transparent transparent;
+		}
+.b-bubble-intext {
+	margin: 10px 0;
+	}
+
+
 /* Disabled block
 --------------------------- */
 /* Must be removed after implementation of Framework! */
@@ -594,3 +667,229 @@
 
 
 
+
+
+/* Facebook & Twitter authorization
+--------------------------- */
+/* Must be removed after implementation of Framework! */
+.b-identity{
+	overflow:hidden;
+	}
+
+.m-auth {
+	position: relative;
+	margin: 0 10px 10px;
+	padding: 0;
+	list-style: none;
+	border-bottom:1px solid #C1C1C1;
+	z-index:2;
+	}
+.m-auth:after {
+	content: ".";
+	display: block;
+	clear: both;
+	visibility: hidden;
+	line-height: 0;
+	height: 0;
+	}
+	.m-auth-item {
+		float: left;
+		margin: 0;
+		padding: 15px 30px 15px 40px;
+		list-style: none;
+		}
+	.m-auth-openid {
+		margin: 0 0 0 -10px;
+		}
+	.m-auth-facebook {
+		}
+	.m-auth .current {
+		margin-bottom: -1px;
+		background: #FFF;
+		-webkit-border-top-left-radius: 10px;
+		-webkit-border-top-right-radius: 10px;
+		-moz-border-radius-topleft: 10px;
+		-moz-border-radius-topright: 10px;
+		border-top-left-radius: 10px;
+		border-top-right-radius: 10px;
+		border: 1px solid #C1C1C1;
+		border-bottom-color: #FFF;
+		}
+		.m-auth-item A:link,
+		.m-auth-item A:visited,
+		.m-auth-item A:hover,
+		.m-auth-item A:active {
+			display: block;
+			margin: -15px -30px -15px -40px;
+			padding: 15px 30px 15px 40px;
+			border: 0;
+			color: #000;
+			text-decoration: none;
+			}
+		.m-auth-openid A {
+			background: url(/img/icons/openid-16.gif) no-repeat 20px 50%;
+			}
+		.m-auth-facebook A {
+			background: url(/img/icons/facebook-16.gif) no-repeat 20px 50%;
+			}
+			.m-auth-item A SPAN {
+				color: #000;
+				border-bottom: 1px dotted #000;
+				}
+			.m-auth .current A SPAN {
+				border:0;
+				}
+		.m-auth .current .m-auth-bl,
+		.m-auth .current .m-auth-br {
+			display: block;
+			}
+		.m-auth-bl,
+		.m-auth-br {
+			overflow: hidden;
+			position: absolute;
+			display: none;
+			width: 10px;
+			height: 10px;
+			border: 1px solid #C1C1C1;
+			font: 0/0 serif;
+			}
+		.m-auth-bl {
+			bottom: -11px;
+			left: -10px;
+			border-width: 1px 0 0 1px;
+			-webkit-border-top-left-radius: 10px;
+			-moz-border-radius-topleft: 10px;
+			border-top-left-radius: 10px;
+			}
+		.m-auth-openid .m-auth-bl {
+			border-width: 0 0 0 1px;
+			-webkit-border-top-left-radius: 0;
+			-moz-border-radius-topleft: 0;
+			border-top-left-radius: 0;
+			}
+		.m-auth-br {
+			bottom: -11px;
+			left: -1px;
+			margin: 0 0 0 100%;
+			border-width: 1px 1px 0 0;
+			-webkit-border-top-right-radius: 10px;
+			-moz-border-radius-topright: 10px;
+			border-top-right-radius: 10px;
+			}
+
+.b-auth {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	border: 1px solid #C1C1C1;
+	border-width:0 1px 1px;
+	-webkit-border-bottom-right-radius: 10px;
+	-webkit-border-bottom-left-radius: 10px;
+	-moz-border-radius-bottomright: 10px;
+	-moz-border-radius-bottomleft: 10px;
+	border-bottom-right-radius: 10px;
+	border-bottom-left-radius: 10px;
+	z-index: 1;
+	}
+	.b-auth-item {
+		margin: 0;
+		padding: 10px 20px 20px;
+		list-style: none;
+		}
+		.b-auth-openid-form {
+			margin: 20px 0 0;
+			text-align: center;
+			}
+			.b-auth-openid-form LABEL {
+				font-weight: bold;
+				}
+			.b-auth-openid-input {
+				width: 300px;
+				}
+		.b-auth-error {
+			margin: 0;
+			text-align: center;
+			}
+		.b-auth-desc {
+			overflow: hidden;
+			margin: 0;
+			}
+		.b-auth-fbconnect {
+			position: relative;
+			float: left;
+			width: 154px;
+			height: 22px;
+			margin: 0 20px 0 0;
+			padding: 0;
+			border: 0;
+			background: transparent;
+			color: #6676AB;
+			font: 12px/1 Tahoma,Arial,sans-serif;
+			}
+			.b-auth-fbconnect SPAN {
+				position: relative;
+				display: block;
+				width: 154px;
+				height: 22px;
+				cursor: pointer;
+				}
+				.b-auth-fbconnect SPAN I {
+					position: absolute;
+					top: 0;
+					left: 0;
+					display: block;
+					width: 154px;
+					height: 22px;
+					margin: 0;
+					padding: 0;
+					background: url(/img/buttons/btn-fb-login.png) no-repeat 0 0;
+					font: 0/0 serif;
+					cursor: pointer;
+					}
+
+.b-fbinterstitial-question {
+	margin: 0 0 10px;
+	}
+.b-fbinterstitial-form {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	}
+	.b-fbinterstitial-form LI {
+		margin: 0 0 5px;
+		padding: 0;
+		list-style: none;
+		}
+	.b-fbinterstitial-form .b-fbinterstitial-submit {
+		margin: 7px 0 0;
+		}
+
+.i-setting-fbconnect-icon {
+	vertical-align: -3px;
+	}
+
+.b-repost-items {
+	margin: 10px 0;
+	}
+	.b-repost-item {
+		margin: 0 0 5px;
+		}
+	#entry-form-wrapper .b-repost-item {
+		display: inline;
+		}
+		.b-repost-item IMG {
+			vertical-align: -3px;
+			}
+
+.b-postform-td {
+	white-space: nowrap;
+	}
+
+.b-loginpage-btns {
+	}
+	.b-loginpage-btns IMG {
+		border: 0;
+		}
+
+
+

Tags: css, livejournal, savintsev_egor
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