.auth-form { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:100000; opacity:0; -webkit-transform:scale(1.3,1.3); -moz-transform:scale(1.3,1.3); transform:scale(1.3,1.3); -webkit-transition:opacity 0.5s ease-out 0.3s, -webkit-transform 0.5s ease-out 0.3s; -moz-transition:opacity 0.5s ease-out 0.3s, -moz-transform 0.5s ease-out 0.3s; -o-transition:opacity 0.5s ease-out 0.3s; transition:opacity 0.5s ease-out 0.3s, transform 0.5s ease-out 0.3s; } .auth-form.visible { opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); transform:scale(1,1); } /*--- standart light login wnd ---*/ .auth-form-wnd-light { width:630px; margin:100px auto auto auto; border:none; border-radius:0; box-shadow:0 0 10px #222222; background:#647b9d; background:-moz-linear-gradient(top, #647b9d 0%, #7189ad 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#647b9d), color-stop(100%,#7189ad)); background:-webkit-linear-gradient(top, #647b9d 0%,#7189ad 100%); background:-o-linear-gradient(top, #647b9d 0%,#7189ad 100%); background:-ms-linear-gradient(top, #647b9d 0%,#7189ad 100%); background:linear-gradient(to bottom, #647b9d 0%,#7189ad 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#647b9d', endColorstr='#7189ad',GradientType=0); font-family:Verdana; } .auth-form-wnd-light.shake { -moz-animation:shake 0.3s ease-in-out; -webkit-animation:shake 0.3s ease-in-out; -o-animation:shake 0.3s ease-in-out; animation:shake 0.3s ease-in-out; } .auth-form-wnd-light .auth-form-exitbtn { position:absolute; width:30px; height:30px; margin:-32px 0 0 632px; background:url(img/light/exit.png) center center no-repeat; cursor:pointer; } .auth-form-wnd-light .form-title { width:315px; height:80px; padding:0 285px 0 30px; display:table-cell; vertical-align:middle; text-align:center; font-size:20px; color:white; background:url(img/light/logintek.en.png) top right no-repeat; } .auth-form-ru .auth-form-wnd-light .form-title { background-image:url(img/light/logintek.ru.png); } .auth-form-wnd-light .form-fields { width:315px; padding:0 0 70px 30px; float:left; } .auth-form-wnd-light .form-fields-title { display:none; color:white; text-align:center; } .auth-form-wnd-light .form-fields-itm { padding:0 0 15px 0; } .auth-form-wnd-light .form-fields-itm .title { display:none; } .auth-form-wnd-light .form-fields-itm .inputtext { font-weight:bold; font-size:24px; width:300px; padding:8px 7px 6px 7px; text-align:center; } .auth-form-wnd-light .error { color:red; font-weight:bold; font-size:14px; line-height:16px; margin:-10px 0 10px 0; text-align:center; } .auth-form-wnd-light .auth-forgot { display:none; position:absolute; margin:4px 0 0 0; color:white; width:100px; text-decoration:none; line-height:18px; } .auth-form-wnd-light .auth-enter { width:135px; height:135px; margin:0 0 0 90px; font-size:0px; background:url(img/light/enter.en.png) top center no-repeat; cursor:pointer; border:none; position:absolute; } .auth-form-wnd-light .auth-enter:hover{ opacity:0.95; background-position:top center; } .auth-form-wnd-light .auth-enter-ru { background-image:url(img/light/enter.ru.png); } .auth-form-wnd-light .form-urls { float:right; padding:107px 0 0 30px; width:225px; text-align:center; color:white; } .auth-form-wnd-light .form-urls a { margin:10px 0 0 0; padding:15px; border-radius:0; color:black !important; font-weight:bold; font-size:18px; text-transform:uppercase; background:#e0bb2f; background:-moz-linear-gradient(top, #e0bb2f 0%, #ddab2e 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0bb2f), color-stop(100%,#ddab2e)); background:-webkit-linear-gradient(top, #e0bb2f 0%,#ddab2e 100%); background:-o-linear-gradient(top, #e0bb2f 0%,#ddab2e 100%); background:-ms-linear-gradient(top, #e0bb2f 0%,#ddab2e 100%); background:linear-gradient(to bottom, #e0bb2f 0%,#ddab2e 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0bb2f', endColorstr='#ddab2e',GradientType=0); } .auth-form-wnd-light .auth-form-footer { clear:both; background-color:#ededed; background:-moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4)); background:-webkit-linear-gradient(top, #ffffff 0%,#d4d4d4 100%); background:-o-linear-gradient(top, #ffffff 0%,#d4d4d4 100%); background:-ms-linear-gradient(top, #ffffff 0%,#d4d4d4 100%); background:linear-gradient(to bottom, #ffffff 0%,#d4d4d4 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0); } .auth-form-wnd-light .auth-soc { padding:85px 10px 10px 10px; font-size:18px; text-align:center; } .auth-form-wnd-light .auth-soc-title { text-align:center; padding:0 250px 5px 10px; } .auth-form-wnd-light .auth-soc-itm { display:inline-block; padding:2px 7px; vertical-align:middle; } .auth-form-wnd-light .auth-soc-itm .bx-ss-button { display:inline-block; width:170px; height:85px; background:url(img/light/social.en.png) 0 0 no-repeat; } .auth-form-wnd-light .auth-soc-itm .bx-ss-button:hover { opacity:0.85; } .auth-form-wnd-light .auth-soc-Facebook .bx-ss-button { background-position:0 0 !important; } .auth-form-wnd-light .auth-soc-VKontakte .bx-ss-button { background-position:0 -85px !important; } .auth-form-wnd-light .auth-soc-Twitter .bx-ss-button { background-position:0 -170px !important; } .auth-form-wnd-light .auth-soc-GoogleOAuth .bx-ss-button { background-position:0 -255px !important; } .auth-form-wnd-light .auth-soc-YandexOpenID .bx-ss-button { background-position:0 -340px !important; } .auth-form-wnd-light .auth-soc-MyMailRu .bx-ss-button { background-position:0 -425px !important; } .auth-form-wnd-light .auth-soc-Facebook span, .auth-form-wnd-light .auth-soc-VKontakte span, .auth-form-wnd-light .auth-soc-Twitter span, .auth-form-wnd-light .auth-soc-GoogleOAuth span, .auth-form-wnd-light .auth-soc-MyMailRu span { display:none; } .auth-form-wnd-light .auth-soc-YandexOpenID form { display:block; padding:2px 0; border-top:solid 1px #616161; border-bottom:solid 1px #616161; } .auth-form-wnd-light .auth-soc-YandexOpenID input[type=text] { width:140px; } .auth-form-wnd-light .auth-soc-YandexOpenID span { font-size:0.8em; padding:0 10px 0 0; } .auth-form-wnd-light .auth-soc-other { display:inline-block; vertical-align:middle; width:52px; height:52px; padding:5px 0 5px 5px; cursor:pointer; background:url(img/light/social-more.png) center center no-repeat; } /*--- black window ---*/ .auth-enter { display:inline-block; width:114px; height:114px; font-size:0px; background-position:top center; background-repeat:no-repeat; background-image:url(img/enter.en.png); vertical-align:middle; cursor:pointer; } .auth-enter:hover{ background-position:bottom center; } .auth-enter-ru { background-image:url(img/enter.ru.png); } .auth-soc { clear:both; } .auth-soc-itm { display:inline-block; padding:2px 7px; } .auth-soc-itm:hover { opacity:0.8; } .auth-form-wnd { width:330px; margin:100px auto auto auto; border:solid 1px #616161; border-radius:12px; background-color:#131313; background:-moz-linear-gradient(top, #444444, #000000)/*FF3.6+*/; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); background:-webkit-linear-gradient(top, #444444, #000000); background:-o-linear-gradient(top, #444444, #000000); background:-ms-linear-gradient(top, #444444, #000000); background:linear-gradient(top, #444444, #000000); } .auth-form-wnd.shake { -moz-animation:shake 0.3s ease-in-out; -webkit-animation:shake 0.3s ease-in-out; -o-animation:shake 0.3s ease-in-out; animation:shake 0.3s ease-in-out; } .auth-form-wnd .form-title { height:45px; border-radius:12px 12px 0px 0px; background-color:#2F2F2F; background:-moz-linear-gradient(top, #2F2F2F, #0D0D0D)/*FF3.6+*/; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F2F2F), color-stop(100%,#0D0D0D)) /*Chrome 1-9, Safari 4-5*/; background:-webkit-linear-gradient(top, #2F2F2F, #0D0D0D) /*Chrome 10+, Safari 5.1+*/; background:-o-linear-gradient(top, #2F2F2F, #0D0D0D) /*Opera 11.10+*/; background:-ms-linear-gradient(top, #2F2F2F, #0D0D0D) /*IE10*/; background:linear-gradient(top, #2F2F2F, #0D0D0D) /*CSS3*/; } .auth-form-wnd .form-title span { display:block; height:45px; background:transparent url(img/title.png) center center no-repeat; font-size:0px; } .auth-form-wnd .auth-form-mr .form-title span { background:transparent url(img/title-mr1.png) center center no-repeat; } .auth-form-wnd .auth-form-mt .form-title span { background:transparent url(img/title-ncar.png) center center no-repeat; } .auth-form-wnd .form-content {} .auth-form-wnd .form-fields { padding:12px 40px; color:white; text-align:center; } .auth-form-wnd .form-fields-title { display:none; } .auth-form-wnd .form-fields-itm { clear:both; margin:10px 0px; } .auth-form-wnd .form-fields-itm .title { display:block; } .auth-form-wnd .inputtext { margin:3px 0px 10px 0px; padding:5px 0px; width:100%; font-size:20px; color:black; text-align:center; } .auth-form-wnd .form-urls { padding:0 40px 10px 40px; } .auth-form-wnd .error { color:red; font-size:0.8em; } .auth-form-wnd .auth-enter { display:block; margin:6px auto; background-color:transparent; border:none; } .auth-form-wnd .auth-soc { padding:10px; text-align:center; clear:both; } .auth-form-wnd .auth-soc-title { text-align:center; color:white; } .auth-form-wnd .auth-soc-itm .bx-ss-button { display:block; width:87px; height:21px; background:url('img/social.png') 0 0 no-repeat; } .auth-form-wnd .auth-soc-Facebook .bx-ss-button { background-position:0 0; } .auth-form-wnd .auth-soc-VKontakte .bx-ss-button { background-position:0 -44px; } .auth-form-wnd .auth-soc-Twitter .bx-ss-button { background-position:0 -66px; } .auth-form-wnd .auth-soc-GoogleOAuth .bx-ss-button { background-position:0 -88px; } .auth-form-wnd .auth-soc-YandexOpenID .bx-ss-button { background-position:0 -176px; } .auth-form-wnd .auth-soc-MyMailRu .bx-ss-button { background-position:0 -154px; } .auth-form-wnd .auth-soc-Facebook span, .auth-form-wnd .auth-soc-VKontakte span, .auth-form-wnd .auth-soc-Twitter span, .auth-form-wnd .auth-soc-GoogleOAuth span, .auth-form-wnd .auth-soc-MyMailRu span { display:none; } .auth-form-wnd .auth-soc-YandexOpenID form { display:block; padding:2px 0; border-top:solid 1px #616161; border-bottom:solid 1px #616161; } .auth-form-wnd .auth-soc-YandexOpenID input[type=text] { width:140px; } .auth-form-wnd .auth-soc-YandexOpenID span { font-size:0.8em; padding:0 10px 0 0; } .auth-form-wnd .auth-soc-other { display:inline-block; width:17px; height:21px; cursor:pointer; background:url('img/social-down.png') center center no-repeat; } /*--- gray window ---*/ .auth-form-wnd-gray { width:650px; margin:100px auto auto auto; border:solid 1px #C5C5C5; border-radius:16px; background-color:#F2F2F2; color:#3B3C3E; } .auth-form-wnd-gray.shake { -moz-animation:shake 0.3s ease-in-out; -webkit-animation:shake 0.3s ease-in-out; -o-animation:shake 0.3s ease-in-out; animation:shake 0.3s ease-in-out; } .auth-form-wnd-gray .form-title { height:50px; border-radius:16px 16px 0px 0px; border-bottom:solid 1px #C5C5C5; background:#f1f1f1; background:-moz-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#dcdcdc)); background:-webkit-linear-gradient(top, #f1f1f1 0%,#dcdcdc 100%); background:-o-linear-gradient(top, #f1f1f1 0%,#dcdcdc 100%); background:-ms-linear-gradient(top, #f1f1f1 0%,#dcdcdc 100%); background:linear-gradient(to bottom, #f1f1f1 0%,#dcdcdc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dcdcdc',GradientType=0); } .auth-form-wnd-gray .form-title span { display:block; text-align:center; font-weight:bold; font-size:18px; padding:15px; background-image:none; } .auth-form-wnd-gray .form-content { padding:30px 45px 5px 45px; margin:1px 0 0 0; background:#d9d9d9; background:-moz-linear-gradient(top, #d9d9d9 0%, #f1f1f1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#f1f1f1)); background:-webkit-linear-gradient(top, #d9d9d9 0%,#f1f1f1 100%); background:-o-linear-gradient(top, #d9d9d9 0%,#f1f1f1 100%); background:-ms-linear-gradient(top, #d9d9d9 0%,#f1f1f1 100%); background:linear-gradient(to bottom, #d9d9d9 0%,#f1f1f1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#f1f1f1',GradientType=0); } .auth-form-wnd-gray .form-fields { padding:30px 45px 5px 45px; margin:1px 0 0 0; width:300px; min-height:300px; float:left; background:#d9d9d9; background:-moz-linear-gradient(top, #d9d9d9 0%, #f1f1f1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#f1f1f1)); background:-webkit-linear-gradient(top, #d9d9d9 0%,#f1f1f1 100%); background:-o-linear-gradient(top, #d9d9d9 0%,#f1f1f1 100%); background:-ms-linear-gradient(top, #d9d9d9 0%,#f1f1f1 100%); background:linear-gradient(to bottom, #d9d9d9 0%,#f1f1f1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#f1f1f1',GradientType=0); } .auth-form-wnd-gray .form-fields-title { font-size:16px; font-weight:bold; } .auth-form-wnd-gray .form-fields-itm { clear:both; margin:15px 0px; font-size:16px; } .auth-form-wnd-gray .form-fields-itm .title { display:inline-block; padding:3px 0 0 0; } .auth-form-wnd-gray .inputtext { float:right; width:145px; border:solid 1px #D7D8D2; background:#F7F7F7; } .auth-form-wnd-gray .form-fields-itm .describe { font-size:0.7em; margin:0px 0px 0px 140px; display:block; } .auth-form-wnd-gray .error { color:red; font-size:0.8em; clear:both; padding:5px 0px; float:left; } .auth-form-wnd-gray .auth-forgot { display:none; float:right; font-size:0.8em; margin:4px -30px 0 0; color:black; } .auth-form-wnd-gray .auth-enter { display:block; margin:6px auto; background-color:transparent; border:none; clear:both; } .auth-form-wnd-gray .form-urls { padding:110px 20px; width:220px; float:right; text-align:center; } .auth-form-wnd-gray .form-urls .button-green { margin:12px auto; } .auth-form-wnd-gray .auth-form-footer { padding:5px; min-height:25px; clear:both; border-radius:0px 0px 16px 16px; background:#d2d2d2; background:-moz-linear-gradient(top, #d2d2d2 0%, #b7b7b7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#b7b7b7)); background:-webkit-linear-gradient(top, #d2d2d2 0%,#b7b7b7 100%); background:-o-linear-gradient(top, #d2d2d2 0%,#b7b7b7 100%); background:-ms-linear-gradient(top, #d2d2d2 0%,#b7b7b7 100%); background:linear-gradient(to bottom, #d2d2d2 0%,#b7b7b7 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#b7b7b7',GradientType=0); } .auth-form-wnd-gray .auth-soc {} .auth-form-wnd-gray .auth-soc-title { width:295px; padding:15px 15px 25px 70px; text-align:right; font-size:18px; float:left; color:#3B3C3E; background:url(img/logintek.png) left top no-repeat; } .auth-form-wnd-gray .auth-soc-list { margin-left:380px; } .auth-form-wnd-gray .auth-soc-itm { display:inline-block; padding:2px 7px; } .auth-form-wnd-gray .auth-soc-itm .bx-ss-button { display:block; width:100px !important; height:52px !important; background:url('img/social-big.png') 0 0 no-repeat !important; } .auth-form-wnd-gray .auth-soc-Facebook .bx-ss-button { background-position:0 0 !important; } .auth-form-wnd-gray .auth-soc-VKontakte .bx-ss-button { background-position:0 -52px !important; } .auth-form-wnd-gray .auth-soc-Twitter .bx-ss-button { background-position:0 -104px !important; } .auth-form-wnd-gray .auth-soc-GoogleOAuth .bx-ss-button { background-position:0 -156px !important; } .auth-form-wnd-gray .auth-soc-YandexOpenID .bx-ss-button { background-position:0 -260px !important; } .auth-form-wnd-gray .auth-soc-MyMailRu .bx-ss-button { background-position:0 -208px !important; } .auth-form-wnd-gray .auth-soc-Facebook span, .auth-form-wnd-gray .auth-soc-VKontakte span, .auth-form-wnd-gray .auth-soc-Twitter span, .auth-form-wnd-gray .auth-soc-GoogleOAuth span, .auth-form-wnd-gray .auth-soc-MyMailRu span { display:none; } .auth-form-wnd-gray .auth-soc-YandexOpenID form { display:block; padding:2px 0; border-top:solid 1px #616161; border-bottom:solid 1px #616161; } .auth-form-wnd-gray .auth-soc-YandexOpenID input[type=text] { width:140px; } .auth-form-wnd-gray .auth-soc-YandexOpenID span { font-size:0.8em; padding:0 10px 0 0; } .auth-form-wnd-gray .auth-soc-other { display:inline-block; width:17px; height:52px; cursor:pointer; background:url('img/social-down.png') center center no-repeat; opacity:0.5; } .auth-form-wnd-gray .bx-ss-icon { padding:0 !important; } /*--- form extended information ---*/ #USER_CITY_LIST { margin:-6px 0 0 0; padding:10px 0 5px 0; width:350px; overflow:hidden; list-style:none; font-size:0.7em; position:absolute; z-index:10; } #USER_CITY_LIST li { width:600px; padding:5px 7px; } #USER_CITY_LIST li.active { background-color:#BDD0D9; cursor:pointer; } #USER_CITY_LIST li.division { background-color:#ADC0C9; cursor:default; height:0px; padding:2px; } .form-auth-link-img { text-align:center; } .form-auth-link-img img { max-height:120px; } /*--- city chose wnd ---*/ .citychose-wnd { height:210px; width:450px; padding:0 !important; } .citychose-wnd .city-img { width:120px; height:120px; position:absolute; margin:30px 0 0 0; cursor:pointer; } .citychose-need {} .citychose-need .city-dsc { height:90px; padding:30px 60px 0 142px; margin:0; font-size:15px; line-height:22px; line-height:1.2em; } .citychose-need .btn-city { width:150px; height:60px; padding:0 8px 0 127px; text-align:center; float:left; cursor:pointer; font-size:19px; line-height:1.1em; } .citychose-need .btn-other { width:150px; height:60px; background-color:white; text-align:center; float:right; cursor:pointer; } .citychose-need .btn-city, .citychose-need .btn-other:hover { background:#ffb92d; background:-moz-linear-gradient(top, #ffb92d 0%, #dcaa2d 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb92d), color-stop(100%,#dcaa2d)); background:-webkit-linear-gradient(top, #ffb92d 0%,#dcaa2d 100%); background:-o-linear-gradient(top, #ffb92d 0%,#dcaa2d 100%); background:-ms-linear-gradient(top, #ffb92d 0%,#dcaa2d 100%); background:linear-gradient(to bottom, #ffb92d 0%,#dcaa2d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb92d', endColorstr='#dcaa2d',GradientType=0); } .citychose-need .btn-city span, .citychose-need .btn-other span { display:table-cell; height:60px; width:150px; vertical-align:middle; } .citychose-need .btn-set_old { clear:both; cursor:pointer; padding:3px; } .citychose-enter {} .citychose-enter .city-dsc { height:30px; padding:30px 60px 0 142px; margin:0; font-size:15px; line-height:22px; line-height:1.2em; } .citychose-enter .city-input-name { width:260px; height:30px; padding:10px; margin:0 0 0 135px; font-size:22px; border:solid 1px #8A8A8A; } .citychose-enter .city-input-name-wait { background:white url(img/chosecity/wait.gif) 250px center no-repeat; } .citychose-enter .city-input-full { display:block; height:12px; margin:0 0 0 135px; font-size:12px; color:green; } .citychose-enter .city-input-btn { width:190px; height:60px; margin:15px 0 0 185px; border:none; } .city-input-list { margin-top:0; padding:0 !important; width:390px; overflow:hidden; list-style:none; font-size:0.9em; position:absolute; z-index:10; } .city-input-list li { padding:5px 7px; } .city-input-list li.active { background-color:#BDD0D9; cursor:pointer; } .city-input-list li.division { background-color:#ADC0C9; cursor:default; height:0px; padding:2px; } /*--- social buttons (like/share) ---*/ .social-btn { height:75px; background-color:white; position:relative; z-index:50; } .social-btn-cont { padding:25px 75px 25px 25px; min-width:100px; color:#555555; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right; background:url(img/like/btn-win.png) right center no-repeat; background-size:64px 64px; cursor:pointer; } .social-btn-ios .social-btn-cont, .social-btn-mac .social-btn-cont { background-image:url(img/like/btn-ios.png); } .social-btn-android .social-btn-cont, .social-btn-linux .social-btn-cont { background-image:url(img/like/btn-android.png); } .social-btn-big { width:200px; height:195px; margin:auto; } .social-btn-big .social-btn-cont { padding:140px 0 0 0; text-align:center; background-size:128px 128px; background-position:center top; } #share_panel_list { background-color:white; padding:0; margin:0; min-height:320px; box-shadow:0 0 15px black; } #share_panel_list ul { padding:0; margin:0; list-style:none; } #share_panel_list li { padding:10px; cursor:pointer; display:block; vertical-align:middle; } #share_panel_list li:hover { background:#ffb92d; background:-moz-linear-gradient(top, #ffb92d 0%, #dcaa2d 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb92d), color-stop(100%,#dcaa2d)); background:-webkit-linear-gradient(top, #ffb92d 0%,#dcaa2d 100%); background:-o-linear-gradient(top, #ffb92d 0%,#dcaa2d 100%); background:-ms-linear-gradient(top, #ffb92d 0%,#dcaa2d 100%); background:linear-gradient(top bottom, #ffb92d 0%,#dcaa2d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb92d', endColorstr='#dcaa2d',GradientType=0); } #share_panel_list li span { display:table-cell; height:60px; padding:0 20px 0 70px; background-position:left center; background-repeat:no-repeat; background-size:60px 60px; vertical-align:middle; font-size:12px; color:black; } #share_panel_list .list-column1 { display:block; } #share_panel_list .list-column2 { display:none; } #share_panel_list .list-column-end { clear:both; height:1px; } #share_panel_list .more-icons { display:inline-block; padding:0 10px 0 0; margin:0; width:60px; height:60px; vertical-align:middle; text-align:center; line-height:15px; } #share_panel_list .more-icons li { width:30px; height:30px; padding:0; display:inline-block; background-repeat:no-repeat; background-position:center center; background-size:28px 28px; } #share_panel_list .more span { display:inline-block; padding:0; margin:0; height:20px; } #share_panel_list.full { width:200%; } #share_panel_list.full .list-column1 { display:block; width:50%; float:left; } #share_panel_list.full .list-column2 { display:block; width:50%; float:right; } #share_panel_list.full .more { display:none; } /*--- shake effect ---*/ @-moz-keyframes shake{ 0% {-moz-transform:translate(0,0);} 20% {-moz-transform:translate(-30,0);} 40% {-moz-transform:translate(30px,0);} 60% {-moz-transform:translate(-30px,0);} 80% {-moz-transform:translate(30px,0);} 100%{-moz-transform:translate(0,0);} } @-webkit-keyframes shake{ 0% {-webkit-transform:translate(0,0);} 20% {-webkit-transform:translate(-30,0);} 40% {-webkit-transform:translate(30px,0);} 60% {-webkit-transform:translate(-30px,0);} 80% {-webkit-transform:translate(30px,0);} 100%{-webkit-transform:translate(0,0);} } @-o-keyframes shake{ 0% {-o-transform:translate(0,0);} 20% {-o-transform:translate(-30,0);} 40% {-o-transform:translate(30px,0);} 60% {-o-transform:translate(-30px,0);} 80% {-o-transform:translate(30px,0);} 100%{-o-transform:translate(0,0);} } @keyframes shake{ 0% {transform:translate(0,0);} 20% {transform:translate(-30,0);} 40% {transform:translate(30px,0);} 60% {transform:translate(-30px,0);} 80% {transform:translate(30px,0);} 100%{transform:translate(0,0);} }