Committer: esavintcev
LJSUP-7762: Mail.RuU trunk/htdocs/stc/lj_base.css U trunk/templates/CommentForm/Author-Anonymous.tmpl U trunk/templates/CommentForm/Form.tmpl
Modified: trunk/htdocs/stc/lj_base.css =================================================================== --- trunk/htdocs/stc/lj_base.css 2011-03-10 10:58:50 UTC (rev 18503) +++ trunk/htdocs/stc/lj_base.css 2011-03-10 12:08:17 UTC (rev 18504) @@ -1081,6 +1081,9 @@ margin: 0; } .b-postform-login-services { + display: none; + } + #js .b-postform-login-services { position: relative; float: left; display: block; @@ -1096,11 +1099,11 @@ border-top-right-radius: 5px; background: transparent; } - .b-postform-login-services:hover { + #js .b-postform-login-services:hover { border-color: #CCC; background: #FFF; } - .b-postform-login-services-items { + #js .b-postform-login-services-items { position: absolute; top: 26px; left: 0; @@ -1116,7 +1119,7 @@ white-space: nowrap; z-index: 998; } - .b-postform-login-services:hover .b-postform-login-services-items { + #js .b-postform-login-services:hover .b-postform-login-services-items { position: absolute; top: 25px; left: -1px; @@ -1136,7 +1139,7 @@ white-space: nowrap; z-index: 998; } - .b-postform-login-services-item { + #js .b-postform-login-services-item { position: static; display: none; width: auto; @@ -1144,11 +1147,11 @@ margin: 0; padding: 0; } - .b-postform-login-services:hover .b-postform-login-services-item { + #js .b-postform-login-services:hover .b-postform-login-services-item { display: block; } - BODY .b-postform-login-services-item A:link, - BODY .b-postform-login-services-item A:visited { + #js BODY .b-postform-login-services-item A:link, + #js BODY .b-postform-login-services-item A:visited { display: block; width: auto; height: auto; @@ -1161,8 +1164,8 @@ color: #222 !important; text-decoration: none; } - BODY .b-postform-login-services-item A:hover, - BODY .b-postform-login-services-item A:active { + #js BODY .b-postform-login-services-item A:hover, + #js BODY .b-postform-login-services-item A:active { display: block; width: auto; height: auto; @@ -1175,10 +1178,10 @@ color: #222 !important; text-decoration: none; } - BODY .b-postform-login-services-disabled A:link, - BODY .b-postform-login-services-disabled A:visited, - BODY .b-postform-login-services-disabled A:hover, - BODY .b-postform-login-services-disabled A:active { + #js BODY .b-postform-login-services-disabled A:link, + #js BODY .b-postform-login-services-disabled A:visited, + #js BODY .b-postform-login-services-disabled A:hover, + #js BODY .b-postform-login-services-disabled A:active { background: #FFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); @@ -1187,7 +1190,7 @@ opacity: 0.5; cursor: default; } - .b-postform-login-services-item IMG { + #js .b-postform-login-services-item IMG { position: static; width: auto; height: auto; @@ -1196,13 +1199,13 @@ vertical-align: -4px; border: 0; } - .b-postform-anonymous .b-postform-login-services-anonymous, - .b-postform-livejournal .b-postform-login-services-livejournal, - .b-postform-user .b-postform-login-services-livejournal, - .b-postform-facebook .b-postform-login-services-facebook, - .b-postform-twitter .b-postform-login-services-twitter, - .b-postform-openid .b-postform-login-services-openid, - .b-postform-mailru .b-postform-login-services-mailru { + #js .b-postform-anonymous .b-postform-login-services-anonymous, + #js .b-postform-livejournal .b-postform-login-services-livejournal, + #js .b-postform-user .b-postform-login-services-livejournal, + #js .b-postform-facebook .b-postform-login-services-facebook, + #js .b-postform-twitter .b-postform-login-services-twitter, + #js .b-postform-openid .b-postform-login-services-openid, + #js .b-postform-mailru .b-postform-login-services-mailru { position: absolute; top: -25px; left: 0; @@ -1213,43 +1216,43 @@ padding: 0 1px; background: transparent; } - .b-postform-anonymous .b-postform-login-services:hover .b-postform-login-services-anonymous, - .b-postform-livejournal .b-postform-login-services:hover .b-postform-login-services-livejournal, - .b-postform-user .b-postform-login-services:hover .b-postform-login-services-livejournal, - .b-postform-facebook .b-postform-login-services:hover .b-postform-login-services-facebook, - .b-postform-twitter .b-postform-login-services:hover .b-postform-login-services-twitter, - .b-postform-openid .b-postform-login-services:hover .b-postform-login-services-openid, - .b-postform-mailru .b-postform-login-services:hover .b-postform-login-services-mailru { + #js .b-postform-anonymous .b-postform-login-services:hover .b-postform-login-services-anonymous, + #js .b-postform-livejournal .b-postform-login-services:hover .b-postform-login-services-livejournal, + #js .b-postform-user .b-postform-login-services:hover .b-postform-login-services-livejournal, + #js .b-postform-facebook .b-postform-login-services:hover .b-postform-login-services-facebook, + #js .b-postform-twitter .b-postform-login-services:hover .b-postform-login-services-twitter, + #js .b-postform-openid .b-postform-login-services:hover .b-postform-login-services-openid, + #js .b-postform-mailru .b-postform-login-services:hover .b-postform-login-services-mailru { background: #FFF; } - BODY .b-postform-anonymous .b-postform-login-services-anonymous A:link, - BODY .b-postform-anonymous .b-postform-login-services-anonymous A:visited, - BODY .b-postform-anonymous .b-postform-login-services-anonymous A:hover, - BODY .b-postform-anonymous .b-postform-login-services-anonymous A:active, - BODY .b-postform-livejournal .b-postform-login-services-livejournal A:link, - BODY .b-postform-livejournal .b-postform-login-services-livejournal A:visited, - BODY .b-postform-livejournal .b-postform-login-services-livejournal A:hover, - BODY .b-postform-livejournal .b-postform-login-services-livejournal A:active, - BODY .b-postform-user .b-postform-login-services-livejournal A:link, - BODY .b-postform-user .b-postform-login-services-livejournal A:visited, - BODY .b-postform-user .b-postform-login-services-livejournal A:hover, - BODY .b-postform-user .b-postform-login-services-livejournal A:active, - BODY .b-postform-facebook .b-postform-login-services-facebook A:link, - BODY .b-postform-facebook .b-postform-login-services-facebook A:visited, - BODY .b-postform-facebook .b-postform-login-services-facebook A:hover, - BODY .b-postform-facebook .b-postform-login-services-facebook A:active, - BODY .b-postform-twitter .b-postform-login-services-twitter A:link, - BODY .b-postform-twitter .b-postform-login-services-twitter A:visited, - BODY .b-postform-twitter .b-postform-login-services-twitter A:hover, - BODY .b-postform-twitter .b-postform-login-services-twitter A:active, - BODY .b-postform-openid .b-postform-login-services-openid A:link, - BODY .b-postform-openid .b-postform-login-services-openid A:visited, - BODY .b-postform-openid .b-postform-login-services-openid A:hover, - BODY .b-postform-openid .b-postform-login-services-openid A:active, - BODY .b-postform-mailru .b-postform-login-services-mailru A:link, - BODY .b-postform-mailru .b-postform-login-services-mailru A:visited, - BODY .b-postform-mailru .b-postform-login-services-mailru A:hover, - BODY .b-postform-mailru .b-postform-login-services-mailru A:active { + #js BODY .b-postform-anonymous .b-postform-login-services-anonymous A:link, + #js BODY .b-postform-anonymous .b-postform-login-services-anonymous A:visited, + #js BODY .b-postform-anonymous .b-postform-login-services-anonymous A:hover, + #js BODY .b-postform-anonymous .b-postform-login-services-anonymous A:active, + #js BODY .b-postform-livejournal .b-postform-login-services-livejournal A:link, + #js BODY .b-postform-livejournal .b-postform-login-services-livejournal A:visited, + #js BODY .b-postform-livejournal .b-postform-login-services-livejournal A:hover, + #js BODY .b-postform-livejournal .b-postform-login-services-livejournal A:active, + #js BODY .b-postform-user .b-postform-login-services-livejournal A:link, + #js BODY .b-postform-user .b-postform-login-services-livejournal A:visited, + #js BODY .b-postform-user .b-postform-login-services-livejournal A:hover, + #js BODY .b-postform-user .b-postform-login-services-livejournal A:active, + #js BODY .b-postform-facebook .b-postform-login-services-facebook A:link, + #js BODY .b-postform-facebook .b-postform-login-services-facebook A:visited, + #js BODY .b-postform-facebook .b-postform-login-services-facebook A:hover, + #js BODY .b-postform-facebook .b-postform-login-services-facebook A:active, + #js BODY .b-postform-twitter .b-postform-login-services-twitter A:link, + #js BODY .b-postform-twitter .b-postform-login-services-twitter A:visited, + #js BODY .b-postform-twitter .b-postform-login-services-twitter A:hover, + #js BODY .b-postform-twitter .b-postform-login-services-twitter A:active, + #js BODY .b-postform-openid .b-postform-login-services-openid A:link, + #js BODY .b-postform-openid .b-postform-login-services-openid A:visited, + #js BODY .b-postform-openid .b-postform-login-services-openid A:hover, + #js BODY .b-postform-openid .b-postform-login-services-openid A:active, + #js BODY .b-postform-mailru .b-postform-login-services-mailru A:link, + #js BODY .b-postform-mailru .b-postform-login-services-mailru A:visited, + #js BODY .b-postform-mailru .b-postform-login-services-mailru A:hover, + #js BODY .b-postform-mailru .b-postform-login-services-mailru A:active { position: static; display: block; width: auto; @@ -1263,13 +1266,13 @@ color: #222 !important; text-decoration: none; } - .b-postform-anonymous .b-postform-login-services-anonymous IMG, - .b-postform-livejournal .b-postform-login-services-livejournal IMG, - .b-postform-user .b-postform-login-services-livejournal IMG, - .b-postform-facebook .b-postform-login-services-facebook IMG, - .b-postform-twitter .b-postform-login-services-twitter IMG, - .b-postform-openid .b-postform-login-services-openid IMG, - .b-postform-mailru .b-postform-login-services-mailru IMG { + #js .b-postform-anonymous .b-postform-login-services-anonymous IMG, + #js .b-postform-livejournal .b-postform-login-services-livejournal IMG, + #js .b-postform-user .b-postform-login-services-livejournal IMG, + #js .b-postform-facebook .b-postform-login-services-facebook IMG, + #js .b-postform-twitter .b-postform-login-services-twitter IMG, + #js .b-postform-openid .b-postform-login-services-openid IMG, + #js .b-postform-mailru .b-postform-login-services-mailru IMG { position: static; display: block; width: 17px; @@ -1283,13 +1286,13 @@ cursor: pointer; text-align: left; } - .b-postform-anonymous .b-postform-login-services-anonymous .b-postform-login-services-name, - .b-postform-livejournal .b-postform-login-services-livejournal .b-postform-login-services-name, - .b-postform-user .b-postform-login-services-livejournal .b-postform-login-services-name, - .b-postform-facebook .b-postform-login-services-facebook .b-postform-login-services-name, - .b-postform-twitter .b-postform-login-services-twitter .b-postform-login-services-name, - .b-postform-openid .b-postform-login-services-openid .b-postform-login-services-name, - .b-postform-mailru .b-postform-login-services-mailru .b-postform-login-services-name { + #js .b-postform-anonymous .b-postform-login-services-anonymous .b-postform-login-services-name, + #js .b-postform-livejournal .b-postform-login-services-livejournal .b-postform-login-services-name, + #js .b-postform-user .b-postform-login-services-livejournal .b-postform-login-services-name, + #js .b-postform-facebook .b-postform-login-services-facebook .b-postform-login-services-name, + #js .b-postform-twitter .b-postform-login-services-twitter .b-postform-login-services-name, + #js .b-postform-openid .b-postform-login-services-openid .b-postform-login-services-name, + #js .b-postform-mailru .b-postform-login-services-mailru .b-postform-login-services-name { display: none; } .b-postform-login-details { @@ -1299,11 +1302,14 @@ display: block; width: auto; height: auto; - margin: 0 0 0 55px; + margin: 0; padding: 0; font: 12px/1.1 Arial,sans-serif; } - .b-postform-login-item { + #js .b-postform-login-details { + margin: 0 0 0 55px; + } + #js .b-postform-login-item { display: none; position: static; width: auto; @@ -1311,18 +1317,18 @@ margin: 0; padding: 0; } - .b-postform-anonymous .b-postform-login-anonymous, - .b-postform-livejournal .b-postform-login-livejournal, - .b-postform-user .b-postform-login-user, - .b-postform-facebook .b-postform-login-facebook, - .b-postform-twitter .b-postform-login-twitter, - .b-postform-openid .b-postform-login-openid, - .b-postform-mailru .b-postform-login-mailru, - .b-postform-ljedit .b-postform-login-ljedit { + #js .b-postform-anonymous .b-postform-login-anonymous, + #js .b-postform-livejournal .b-postform-login-livejournal, + #js .b-postform-user .b-postform-login-user, + #js .b-postform-facebook .b-postform-login-facebook, + #js .b-postform-twitter .b-postform-login-twitter, + #js .b-postform-openid .b-postform-login-openid, + #js .b-postform-mailru .b-postform-login-mailru, + #js .b-postform-ljedit .b-postform-login-ljedit { display: block; } - .b-postform-login-item .b-postform-login-radio, - .b-postform-login-item .b-postform-login-service { + #js .b-postform-login-item .b-postform-login-radio, + #js .b-postform-login-item .b-postform-login-service { display: none; } .b-postform-login-item .i-bubble { @@ -1334,7 +1340,7 @@ .b-postform-login-item .i-bubble-arrow-border { margin: -6px 0 0; } - .b-postform-login-anonymous .b-postform-login-opts, + .b-postform-anonymous-cookie .b-postform-login-anonymous .b-postform-login-opts-anonymous, .b-postform-user-cookie .b-postform-login-user .b-postform-login-opts, .b-postform-facebook-cookie .b-postform-login-facebook .b-postform-login-opts, .b-postform-twitter-cookie .b-postform-login-twitter .b-postform-login-opts, Modified: trunk/templates/CommentForm/Author-Anonymous.tmpl =================================================================== --- trunk/templates/CommentForm/Author-Anonymous.tmpl 2011-03-10 10:58:50 UTC (rev 18503) +++ trunk/templates/CommentForm/Author-Anonymous.tmpl 2011-03-10 12:08:17 UTC (rev 18504) @@ -10,7 +10,7 @@ <div class="b-postform-login-item b-postform-login-anonymous"> <input type="radio" name="usertype" value="anonymous" id="talkpostfromanon" class="b-postform-login-radio" <TMPL_IF whocheck_anonymous>checked="checked"</TMPL_IF> /> <label for="talkpostfromanon" class="b-postform-login-service"><TMPL_VAR expr="ml('/talkpost.bml.opt.anonymous')"></label> - <div class="b-postform-login-opts"> + <div class="b-postform-login-opts b-postform-login-opts-anonymous"> <strong><TMPL_VAR expr="ml('/talkpost.bml.opt.anonymous')"></strong> <TMPL_VAR ml_willscreen> </div> Modified: trunk/templates/CommentForm/Form.tmpl =================================================================== --- trunk/templates/CommentForm/Form.tmpl 2011-03-10 10:58:50 UTC (rev 18503) +++ trunk/templates/CommentForm/Form.tmpl 2011-03-10 12:08:17 UTC (rev 18504) @@ -76,22 +76,17 @@ <TMPL_ELSE> <img src='<TMPL_VAR lj_imgprefix>/talk/<TMPL_VAR subjicon_current_img>' border='0' width='<TMPL_VAR subjicon_current_w>' height='<TMPL_VAR subjicon_current_h>' valign='middle' id='subjectIconImage' onclick='subjectIconListToggle();' style='cursor:pointer;cursor:hand' /> </TMPL_IF> - <div class="b-popup b-subjecticons"> - <div class="b-popup-outer"> - <div class="b-popup-inner"> - <ul class="b-subjecticons-items"> - <TMPL_LOOP subjicon_types> - <TMPL_IF __first__> - <li class="b-subjecticons-item"><img src='<TMPL_VAR lj_imgprefix>/talk/none.gif' border='0' width='15' height='15' id='none' title='No subject icon' /></li> - </TMPL_IF> - <TMPL_LOOP subjicons> - <li class="b-subjecticons-item"><img src='<TMPL_VAR lj_imgprefix>/talk/<TMPL_VAR subjicon_img>' border='0' width='<TMPL_VAR subjicon_w>' height='<TMPL_VAR subjicon_h>' id='<TMPL_VAR subjicon_id>' /></li> - </TMPL_LOOP> - </TMPL_LOOP> - </ul> - </div> - <i class="i-popup-arr i-popup-arrtr"></i><i class="i-popup-close"></i> - </div> + <div class="b-subjecticons"> + <ul class="b-subjecticons-items"> + <TMPL_LOOP subjicon_types> + <TMPL_IF __first__> + <li class="b-subjecticons-item"><img src='<TMPL_VAR lj_imgprefix>/talk/none.gif' border='0' width='15' height='15' id='none' title='No subject icon' /></li> + </TMPL_IF> + <TMPL_LOOP subjicons> + <li class="b-subjecticons-item"><img src='<TMPL_VAR lj_imgprefix>/talk/<TMPL_VAR subjicon_img>' border='0' width='<TMPL_VAR subjicon_w>' height='<TMPL_VAR subjicon_h>' id='<TMPL_VAR subjicon_id>' /></li> + </TMPL_LOOP> + </TMPL_LOOP> + </ul> </div> <TMPL_IF 0> end subject icon </TMPL_IF>