A { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #FFFEFE; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none } A:visited { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #A1D274; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none } .title { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #EAEAEA; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none } .textfield { font-size: 18px; background: url("images/searchbg.gif"); color: #B73520; /* Цвет текста */ width: 335px; height: 30px; border-style: none; } .maintext { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #FFFEFE; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; } .result { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #FFFEFE; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif } .resultlist { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #4E0201; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; LINE-HEIGHT: 0.4cm; } .restitle { FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color: #FFFFFE; /* –ўҐв ⥪бв  */ } .links { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #FFFEFE; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif } .links A { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #FFFEFE; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none } .links A:visited { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #FFFEFE; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none } .valid { display: none; } .external { FONT-SIZE: 11px; } .external A { FONT-SIZE: 11px; } .block { position: relative; top: -10px; FONT-SIZE: 12px; } .block A { FONT-SIZE: 12px; } .bigblock { FONT-SIZE: 15px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; } .bigblock A { FONT-SIZE: 15px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; } /* Всплывающее окно с кнопками соцсетей - НАЧАЛО */ /* Базовые стили слоя затемнения и модального окна */ .overlay { top: 0; right: 0; bottom: 0; left: 0; z-index: 1; visibility: hidden; /* фон затемнения */ background-color: rgba(0, 0, 0, 0.7); opacity: 0; position: fixed; /* фиксированное поцизионирование */ cursor: default; /* тип курсара */ -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .overlay:target { visibility: visible; opacity: 1; } .is-image { top: 0; right: 0; bottom: 0; left: 0; display:block; margin: auto; width: 100%; height: auto; /* скругление углов встроенных картинок */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } /* встроенные элементы м-медиа, фреймы */ embed, iframe { top: 0; right: 0; bottom: 0; left: 0; display:block; margin: auto; min-width: 320px; max-width: 600px; width: 100%; } .popup h1 { /* заголовок 1 */ color: #008000; text-align: left; text-shadow: 0 1px 3px rgba(0,0,0,.3); font:24px 'Trebuchet MS', Helvetica, sans-serif; font-weight: bold; } .popup h2 { /* заголовок 2 */ color: #008000; text-align: left; text-shadow: 0 1px 3px rgba(0,0,0,.3); font:22px 'Trebuchet MS', Helvetica, sans-serif; } /*** Формируем стили модального окна ***/ .popup { top: 0; right: 0; left: 0; font-size: 14px; z-index: 10; display: block; visibility: hidden; margin: 0 auto; width: 90%; min-width: 320px; max-width: 600px; /* фиксированное позиционирование, окно стабильно при прокрутке */ position: fixed; padding: 15px; border: 1px solid #383838; /* скругление углов */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #FFFFFF; /* внешняя тень блока */ -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8); /* полная прозрачность окна, появление при клике */ opacity: 0; /* эффект перехода (появление) */ -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; } /* активируем появление окна и затемнение фона */ .overlay:target+.popup { top: 40%; /* положение окна от верха страницы при появлении */ visibility: visible; opacity: 1; /* убираем прозрачность */ } /* формируем кнопку закрытия */ .close { position: absolute; top: -10px; right: -10px;padding: 0; width: 20px; height: 20px; border: 2px solid #ccc; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background-color: rgba(61, 61, 61, 0.8); -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; text-align: center; text-decoration: none; font-weight: bold; line-height: 20px; /* задаём значения и эффект перехода при наведении */ -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; } .close:before { color: rgba(255, 255, 255, 0.9); content: "X"; text-shadow: 0 -1px rgba(0, 0, 0, 0.9); font-size: 12px; } .close:hover { background-color: rgba(252, 20, 0, 0.8); /* крутим кнопку при наведении */ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } /* опционально при добавлении вложений */ .popup p, .popup div { margin-bottom: 10px; } .pluso-more { visibility: hidden; } /* Всплывающее окно с кнопками соцсетей - КОНЕЦ */ /* Кнопка PLAY */ a.sm2_button { position:relative; display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */ width:18px; height:18px; text-indent:-9999px; /* don't show link text */ overflow:hidden; /* don't draw inner link text */ vertical-align:middle; /* and, a bit of round-ness for the cool browsers. */ border-radius:2px; margin-top:-1px; /* vertical align tweak */ /* safari 3.1+ fun (/W3 working draft extension, TBD.) */ -webkit-transition-property: hover; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */ -o-transition-property: background-color; /* opera 10.5 */ -o-transition-duration: 0.15s; /* weird IE 6/7 display fixes, and/or I'm doing it wrong */ *text-indent:0px; *line-height:99em; *vertical-align: top; } a.sm2_button:focus { outline:none; /* maybe evil, but don't show the slight border outline on focus. */ } a.sm2_button, a.sm2_button.sm2_paused:hover { background-color:#3399cc; background-image:url(images/arrow-right-white.png); /* where possible, use data: and skip the HTTP request. Fancy-pants. Would use short-hand background: for above, but IE 8 doesn't override background-image. */ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAbklEQVQY02NgQAL//v1jZMAF/v//vwuIs9HEUBUBTbj4HwIeA3EGVsVAxtn/qOAVUGM8uknIiv4hsV8A5ZKxKfoLVvnvHwifAzLtMKwDSQLBVSBti27dJajkcSD2RJODO3wtkOOMz/tMSJJYAxMA5dmsL0IfubQAAAAASUVORK5CYII=); background-image: none, url(images/arrow-right-white-2x.png); background-size: 9px 10px; *background-image:url(images/arrow-right-white.gif); /* IE 6+7 don't do DATA: URIs */ background-repeat:no-repeat; background-position:5px 50%; *background-position:5px 4px; /* IE 6 again */ } a.sm2_button:hover, a.sm2_button.sm2_playing, a.sm2_button.sm2_playing:hover { background-color:#cc3333; } a.sm2_button.sm2_playing, a.sm2_button.sm2_playing:hover { -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); } a.sm2_button.sm2_paused, a.sm2_button.sm2_paused:hover { background-color:#666; } /* Кнопка PLAY - КОНЕЦ */