Committer: esavintcev
LJSUP-8857: Updating commenting formU trunk/htdocs/stc/lj_base.css
Modified: trunk/htdocs/stc/lj_base.css =================================================================== --- trunk/htdocs/stc/lj_base.css 2011-08-24 08:53:15 UTC (rev 19821) +++ trunk/htdocs/stc/lj_base.css 2011-08-24 10:57:27 UTC (rev 19822) @@ -346,8 +346,11 @@ height: 0; width: 0; border-top-color: transparent; + border-top-color: rgba(255,255,255,.01); border-bottom-color: transparent; + border-bottom-color: rgba(255,255,255,.01); border-left-color: transparent; + border-left-color: rgba(255,255,255,.01); } .i-bubble-arrow { left: -9px; @@ -1149,6 +1152,92 @@ /* Comment Form --------------------------- */ +.b-postform { + min-height: 220px; + } + +.b-postform-alert-logcommentips, +.b-postform-alert-nosubjecthtml, +.b-postform-alert-screened, +.b-postform-alert-suspended, +.b-postform-alert-deleted, +.b-postform-alert-banned, +.b-postform-alert-notafriend, +.b-postform-alert-regonly, +.b-postform-alert-notanon, + +.b-postform-user-deleted .b-postform-subjectbox, +.b-postform-user-deleted .b-postform-msgbox, +.b-postform-user-deleted .b-postform-repostbox, +.b-postform-user-deleted .b-postform-submitbox, + +.b-postform-user-suspended .b-postform-subjectbox, +.b-postform-user-suspended .b-postform-msgbox, +.b-postform-user-suspended .b-postform-repostbox, +.b-postform-user-suspended .b-postform-submitbox, + +.b-postform-user-banned .b-postform-subjectbox, +.b-postform-user-banned .b-postform-msgbox, +.b-postform-user-banned .b-postform-repostbox, +.b-postform-user-banned .b-postform-submitbox, + +.b-postform-user-notafriend .b-postform-subjectbox, +.b-postform-user-notafriend .b-postform-msgbox, +.b-postform-user-notafriend .b-postform-repostbox, +.b-postform-user-notafriend .b-postform-submitbox, + +.b-postform-realauth-anonymous.b-postform-authtype-anonymous.b-postform-user-notanon .b-postform-subjectbox, +.b-postform-realauth-anonymous.b-postform-authtype-anonymous.b-postform-user-notanon .b-postform-msgbox, +.b-postform-realauth-anonymous.b-postform-authtype-anonymous.b-postform-user-notanon .b-postform-repostbox, +.b-postform-realauth-anonymous.b-postform-authtype-anonymous.b-postform-user-notanon .b-postform-submitbox, + +.b-postform-realauth-facebook_cookie.b-postform-authtype-facebook_cookie.b-postform-user-regonly .b-postform-subjectbox, +.b-postform-realauth-facebook_cookie.b-postform-authtype-facebook_cookie.b-postform-user-regonly .b-postform-msgbox, +.b-postform-realauth-facebook_cookie.b-postform-authtype-facebook_cookie.b-postform-user-regonly .b-postform-repostbox, +.b-postform-realauth-facebook_cookie.b-postform-authtype-facebook_cookie.b-postform-user-regonly .b-postform-submitbox, + +.b-postform-realauth-twitter_cookie.b-postform-authtype-twitter_cookie.b-postform-user-regonly .b-postform-subjectbox, +.b-postform-realauth-twitter_cookie.b-postform-authtype-twitter_cookie.b-postform-user-regonly .b-postform-msgbox, +.b-postform-realauth-twitter_cookie.b-postform-authtype-twitter_cookie.b-postform-user-regonly .b-postform-repostbox, +.b-postform-realauth-twitter_cookie.b-postform-authtype-twitter_cookie.b-postform-user-regonly .b-postform-submitbox, + +.b-postform-realauth-google_cookie.b-postform-authtype-google_cookie.b-postform-user-regonly .b-postform-subjectbox, +.b-postform-realauth-google_cookie.b-postform-authtype-google_cookie.b-postform-user-regonly .b-postform-msgbox, +.b-postform-realauth-google_cookie.b-postform-authtype-google_cookie.b-postform-user-regonly .b-postform-repostbox, +.b-postform-realauth-google_cookie.b-postform-authtype-google_cookie.b-postform-user-regonly .b-postform-submitbox, + +.b-postform-realauth-openid_cookie.b-postform-authtype-openid_cookie.b-postform-user-regonly .b-postform-subjectbox, +.b-postform-realauth-openid_cookie.b-postform-authtype-openid_cookie.b-postform-user-regonly .b-postform-msgbox, +.b-postform-realauth-openid_cookie.b-postform-authtype-openid_cookie.b-postform-user-regonly .b-postform-repostbox, +.b-postform-realauth-openid_cookie.b-postform-authtype-openid_cookie.b-postform-user-regonly .b-postform-submitbox, + +.b-postform-realauth-mailru_cookie.b-postform-authtype-mailru_cookie.b-postform-user-regonly .b-postform-subjectbox, +.b-postform-realauth-mailru_cookie.b-postform-authtype-mailru_cookie.b-postform-user-regonly .b-postform-msgbox, +.b-postform-realauth-mailru_cookie.b-postform-authtype-mailru_cookie.b-postform-user-regonly .b-postform-repostbox, +.b-postform-realauth-mailru_cookie.b-postform-authtype-mailru_cookie.b-postform-user-regonly .b-postform-submitbox, + +.b-postform-realauth-vkontakte_cookie.b-postform-authtype-vkontakte_cookie.b-postform-user-regonly .b-postform-subjectbox, +.b-postform-realauth-vkontakte_cookie.b-postform-authtype-vkontakte_cookie.b-postform-user-regonly .b-postform-msgbox, +.b-postform-realauth-vkontakte_cookie.b-postform-authtype-vkontakte_cookie.b-postform-user-regonly .b-postform-repostbox, +.b-postform-realauth-vkontakte_cookie.b-postform-authtype-vkontakte_cookie.b-postform-user-regonly .b-postform-submitbox { + display: none; + } + + +.b-postform-realauth-facebook_cookie.b-postform-authtype-facebook_cookie.b-postform-user-regonly .b-postform-alert-regonly, +.b-postform-realauth-twitter_cookie.b-postform-authtype-twitter_cookie.b-postform-user-regonly .b-postform-alert-regonly, +.b-postform-realauth-google_cookie.b-postform-authtype-google_cookie.b-postform-user-regonly .b-postform-alert-regonly, +.b-postform-realauth-openid_cookie.b-postform-authtype-openid_cookie.b-postform-user-regonly .b-postform-alert-regonly, +.b-postform-realauth-mailru_cookie.b-postform-authtype-mailru_cookie.b-postform-user-regonly .b-postform-alert-regonly, +.b-postform-realauth-vkontakte_cookie.b-postform-authtype-vkontakte_cookie.b-postform-user-regonly .b-postform-alert-regonly, + +.b-postform-authtype-anonymous .b-postform-alert-notanon, +.b-postform-user-screened .b-postform-alert-screened, +.b-postform-user-logips .b-postform-alert-logcommentips { + display: block; + } + + .b-postform-login-label { margin: 0; padding: 2px 0; @@ -1181,9 +1270,6 @@ .b-postform-login:after { clear: both; } -.b-postform-ljedit { - margin: 0; - } .b-postform-login-services { display: none; } @@ -1264,36 +1350,25 @@ .b-postform-authtype-anonymous .b-postform-login-services-current-pic { background-image: url(/img/anonymous.gif?v=1); } - .b-postform-authtype-livejournal .b-postform-login-services-current-pic, - .b-postform-authtype-anonymous.b-postform-ability-disabled-anonymous .b-postform-login-services-current-pic, - .b-postform-authtype-facebook.b-postform-ability-disabled-facebook .b-postform-login-services-current-pic, - .b-postform-authtype-twitter.b-postform-ability-disabled-twitter .b-postform-login-services-current-pic, - .b-postform-authtype-google.b-postform-ability-disabled-google .b-postform-login-services-current-pic, - .b-postform-authtype-openid.b-postform-ability-disabled-openid .b-postform-login-services-current-pic, - .b-postform-authtype-mailru.b-postform-ability-disabled-mailru .b-postform-login-services-current-pic, - .b-postform-authtype-vkontakte.b-postform-ability-disabled-vkontakte .b-postform-login-services-current-pic, - .b-postform-authtype-user.b-postform-ability-disabled-anonymous.b-postform-ability-disabled-user .b-postform-login-services-current-pic { - background-image: url(/img/pencil.gif?v=1); - } - .b-postform-authtype-user .b-postform-login-services-current-pic { + .b-postform-authtype-cookieuser .b-postform-login-services-current-pic { background-image: url(/img/userinfo.gif?v=1); } - .b-postform-authtype-facebook .b-postform-login-services-current-pic { + .b-postform-authtype-facebook_cookie .b-postform-login-services-current-pic { background-image: url(/img/icons/facebook-16.gif?v=1); } - .b-postform-authtype-twitter .b-postform-login-services-current-pic { + .b-postform-authtype-twitter_cookie .b-postform-login-services-current-pic { background-image: url(/img/icons/twitter-16.gif?v=3); } - .b-postform-authtype-google .b-postform-login-services-current-pic { + .b-postform-authtype-google_cookie .b-postform-login-services-current-pic { background-image: url(/img/icons/google-16.png?v=1); } - .b-postform-authtype-openid .b-postform-login-services-current-pic { + .b-postform-authtype-openid_cookie .b-postform-login-services-current-pic { background-image: url(/img/icons/openid-16.gif?v=1); } - .b-postform-authtype-mailru .b-postform-login-services-current-pic { + .b-postform-authtype-mailru_cookie .b-postform-login-services-current-pic { background-image: url(/img/icons/mailru-16.gif?v=3); } - .b-postform-authtype-vkontakte .b-postform-login-services-current-pic { + .b-postform-authtype-vkontakte_cookie .b-postform-login-services-current-pic { background-image: url(/img/icons/vkontakte-16.gif?v=1); } .b-postform-login-services-items { @@ -1343,15 +1418,6 @@ .b-postform-login-services-show .b-postform-login-services-item { display: block; } - .b-postform-user-cookie .b-postform-login-services-show .b-postform-login-services-livejournal, - .b-postform-useranonymous-cookie .b-postform-login-services-show .b-postform-login-services-livejournal, - .b-postform-anonymous-cookie .b-postform-login-services-show .b-postform-login-services-user { - display: none; - } - .b-postform-useranonymous-cookie .b-postform-login-services-show .b-postform-login-services-user, - .b-postform-user-cookie.b-postform-ability-disabled-anonymous.b-postform-ability-disabled-user .b-postform-login-services-show .b-postform-login-services-livejournal { - display: block; - } BODY .b-postform-login-services-item A:link, BODY .b-postform-login-services-item A:visited { display: block; @@ -1392,47 +1458,6 @@ vertical-align: -4px; border: 0 !important; } - BODY .b-postform-ability-disabled-anonymous .b-postform-login-services-anonymous A:link, - BODY .b-postform-ability-disabled-anonymous .b-postform-login-services-anonymous A:visited, - BODY .b-postform-ability-disabled-anonymous .b-postform-login-services-anonymous A:hover, - BODY .b-postform-ability-disabled-anonymous .b-postform-login-services-anonymous A:active, - BODY .b-postform-ability-disabled-user .b-postform-login-services-user A:link, - BODY .b-postform-ability-disabled-user .b-postform-login-services-user A:visited, - BODY .b-postform-ability-disabled-user .b-postform-login-services-user A:hover, - BODY .b-postform-ability-disabled-user .b-postform-login-services-user A:active, - BODY .b-postform-ability-disabled-facebook .b-postform-login-services-facebook A:link, - BODY .b-postform-ability-disabled-facebook .b-postform-login-services-facebook A:visited, - BODY .b-postform-ability-disabled-facebook .b-postform-login-services-facebook A:hover, - BODY .b-postform-ability-disabled-facebook .b-postform-login-services-facebook A:active, - BODY .b-postform-ability-disabled-twitter .b-postform-login-services-twitter A:link, - BODY .b-postform-ability-disabled-twitter .b-postform-login-services-twitter A:visited, - BODY .b-postform-ability-disabled-twitter .b-postform-login-services-twitter A:hover, - BODY .b-postform-ability-disabled-twitter .b-postform-login-services-twitter A:active, - BODY .b-postform-ability-disabled-google .b-postform-login-services-google A:link, - BODY .b-postform-ability-disabled-google .b-postform-login-services-google A:visited, - BODY .b-postform-ability-disabled-google .b-postform-login-services-google A:hover, - BODY .b-postform-ability-disabled-google .b-postform-login-services-google A:active, - BODY .b-postform-ability-disabled-openid .b-postform-login-services-openid A:link, - BODY .b-postform-ability-disabled-openid .b-postform-login-services-openid A:visited, - BODY .b-postform-ability-disabled-openid .b-postform-login-services-openid A:hover, - BODY .b-postform-ability-disabled-openid .b-postform-login-services-openid A:active, - BODY .b-postform-ability-disabled-mailru .b-postform-login-services-mailru A:link, - BODY .b-postform-ability-disabled-mailru .b-postform-login-services-mailru A:visited, - BODY .b-postform-ability-disabled-mailru .b-postform-login-services-mailru A:hover, - BODY .b-postform-ability-disabled-mailru .b-postform-login-services-mailru A:active, - BODY .b-postform-ability-disabled-vkontakte .b-postform-login-services-vkontakte A:link, - BODY .b-postform-ability-disabled-vkontakte .b-postform-login-services-vkontakte A:visited, - BODY .b-postform-ability-disabled-vkontakte .b-postform-login-services-vkontakte A:hover, - BODY .b-postform-ability-disabled-vkontakte .b-postform-login-services-vkontakte A:active { - background: #FFF; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - filter: alpha(opacity=50); - -moz-opacity: 0.5; - -khtml-opacity: 0.5; - opacity: 0.5; - cursor: default; - zoom:1; - } .b-postform-login-details { position: static; float: none; @@ -1457,36 +1482,15 @@ } #js .b-postform-authtype-anonymous .b-postform-login-anonymous, #js .b-postform-authtype-livejournal .b-postform-login-livejournal, - #js .b-postform-authtype-user .b-postform-login-user, - #js .b-postform-authtype-facebook .b-postform-login-facebook, - #js .b-postform-authtype-twitter .b-postform-login-twitter, - #js .b-postform-authtype-google .b-postform-login-google, - #js .b-postform-authtype-openid .b-postform-login-openid, - #js .b-postform-authtype-mailru .b-postform-login-mailru, - #js .b-postform-authtype-vkontakte .b-postform-login-vkontakte, - #js .b-postform-authtype-ljedit .b-postform-login-ljedit { + #js .b-postform-authtype-cookieuser .b-postform-login-user, + #js .b-postform-authtype-facebook_cookie .b-postform-login-facebook, + #js .b-postform-authtype-twitter_cookie .b-postform-login-twitter, + #js .b-postform-authtype-google_cookie .b-postform-login-google, + #js .b-postform-authtype-openid_cookie .b-postform-login-openid, + #js .b-postform-authtype-mailru_cookie .b-postform-login-mailru, + #js .b-postform-authtype-vkontakte_cookie .b-postform-login-vkontakte { display: block; } - #js .b-postform-ability-disabled-anonymous .b-postform-login-anonymous, - #js .b-postform-ability-disabled-user .b-postform-login-user, - #js .b-postform-ability-disabled-facebook .b-postform-login-facebook, - #js .b-postform-ability-disabled-twitter .b-postform-login-twitter, - #js .b-postform-ability-disabled-google .b-postform-login-google, - #js .b-postform-ability-disabled-openid .b-postform-login-openid, - #js .b-postform-ability-disabled-mailru .b-postform-login-mailru, - #js .b-postform-ability-disabled-vkontakte .b-postform-login-vkontakte { - display: none; - } - #js .b-postform-authtype-anonymous.b-postform-ability-disabled-anonymous .b-postform-login-livejournal, - #js .b-postform-authtype-facebook.b-postform-ability-disabled-facebook .b-postform-login-livejournal, - #js .b-postform-authtype-twitter.b-postform-ability-disabled-twitter .b-postform-login-livejournal, - #js .b-postform-authtype-google.b-postform-ability-disabled-google .b-postform-login-livejournal, - #js .b-postform-authtype-openid.b-postform-ability-disabled-openid .b-postform-login-livejournal, - #js .b-postform-authtype-mailru.b-postform-ability-disabled-mailru .b-postform-login-livejournal, - #js .b-postform-authtype-vkontakte.b-postform-ability-disabled-vkontakte .b-postform-login-livejournal, - #js .b-postform-authtype-user.b-postform-user-cookie.b-postform-ability-disabled-anonymous.b-postform-ability-disabled-user .b-postform-login-livejournal { - display: block; - } #js .b-postform-login-item .b-postform-login-radio, #js .b-postform-login-item .b-postform-login-service { display: none; @@ -1500,13 +1504,13 @@ .b-postform-login-item .i-bubble-arrow-border { margin: -6px 0 0; } - .b-postform-login-anonymous .b-postform-login-opts-anonymous, - .b-postform-facebook-cookie .b-postform-login-facebook .b-postform-login-opts, - .b-postform-twitter-cookie .b-postform-login-twitter .b-postform-login-opts, - .b-postform-google-cookie .b-postform-login-google .b-postform-login-opts, - .b-postform-openid-cookie .b-postform-login-openid .b-postform-login-opts, - .b-postform-mailru-cookie .b-postform-login-mailru .b-postform-login-opts, - .b-postform-vkontakte-cookie .b-postform-login-vkontakte .b-postform-login-opts { + .b-postform-login-anonymous .b-postform-login-opts, + .b-postform-realauth-facebook_cookie.b-postform-authtype-facebook_cookie .b-postform-login-facebook .b-postform-login-opts, + .b-postform-realauth-twitter_cookie.b-postform-authtype-twitter_cookie .b-postform-login-twitter .b-postform-login-opts, + .b-postform-realauth-google_cookie.b-postform-authtype-google_cookie .b-postform-login-google .b-postform-login-opts, + .b-postform-realauth-openid_cookie.b-postform-authtype-openid_cookie .b-postform-login-openid .b-postform-login-opts, + .b-postform-realauth-mailru_cookie.b-postform-authtype-mailru_cookie .b-postform-login-mailru .b-postform-login-opts, + .b-postform-realauth-vkontakte_cookie.b-postform-authtype-vkontakte_cookie .b-postform-login-vkontakte .b-postform-login-opts { position: static; display: block; width: auto; @@ -1514,9 +1518,7 @@ margin: 0; padding: 7px 0; } - .b-postform-user-cookie .b-postform-login-user .b-postform-login-opts, - .b-postform-useranonymous-cookie .b-postform-login-user .b-postform-login-opts, - .b-postform-login-anonymous .b-postform-login-opts-anonymous { + .b-postform-authtype-cookieuser .b-postform-login-user .b-postform-login-opts { padding: 6px 0; } .b-postform-login-livejournal .b-postform-login-opts { @@ -1527,26 +1529,11 @@ margin: 0; padding: 1px 2px 0; } - .b-postform-login-ljedit .b-postform-login-opts { - position: static; - display: block; - width: auto; - height: auto; - margin: 0; - padding: 5px 0; - } - .b-postform-login-ljedit .b-postform-login-opts .b-postform-login-img { - vertical-align: -4px; - } .b-postform-login-item .b-postform-login-opts { display:inline-block; } - #js .b-postform-login-opts { - display:block; - } - .b-postform-authtype-user.b-postform-ability-disabled-anonymous.b-postform-ability-disabled-user .b-postform-login-livejournal .b-postform-login-opts-lj, - .b-postform-authtype-livejournal.b-postform-ability-disabled-anonymous.b-postform-ability-disabled-user .b-postform-login-livejournal .b-postform-login-opts-lj { - display: none; + #js .b-postform-login-opts { + display:block; } @@ -3198,7 +3185,6 @@ ------------------------------------------------------------------------*/ .selfpromo .rate-posts-item { padding: 5px 32px !important; - margin-bottom: 10px; background: #FFFEE3 url(/img/selfpromo-title.png?ver=1) no-repeat 0 50%; font-size: 12px; } @@ -3211,3 +3197,6 @@ .selfpromo .rate-posts-item DD { color: #404040; } + + +