/***************************************************************************************/ /* Новые стили версия 2 */ /* Не забываем копировать блоки в editor.css чтобы стили были в редакторе */ /***************************************************************************************/ /**** download-box ****/ .download-box{ display:block; margin-bottom: 10px; background-color: #FAFAFA; border-bottom: 1px dotted #C8C8C8; border-top: 1px dotted #C8C8C8; padding: 7px 10px 7px 7px; /*text-shadow: 1px 1px 1px #ffffff; */ width:100%; } .download-filenamebox{ display:table; padding: 10px 10px 0px 10px; width:100%; } .download-col1 { display:table-cell; float: left; } .download-col2 { display:table-cell; float: right; margin: auto; } .download-col2 a{ padding: 10px 25px 10px 25px; font-weight: bold; font-size:110%; } .download-title { font-weight: bold; font-size:120%; padding:5px 5px 5px 5px; } .download-float { padding-left: 75px; line-height: 1.5; } .download-float a{ font-size:110%; font-weight: bold; } @media screen and (max-width: 799px){ .download-col2{float: left;} .download-col1 a{font-size:90%;} .download-col1 p{font-size:90%;} .download-col2 a{font-size:90%;} } /* --------------------------------- */ /* Import JCK Editor */ /* --------------------------------- */ .flashtip-jck, .ziptip-jck, .pdftip-jck, .videotip-jck, .infotip-jck, .warningtip-jck, .filmtip-jck, .pintip-jck , .lightbulbtip-jck , .recycletip-jck , .cameratip-jck, .commenttip-jck, .chattip-jck, .documenttip-jck, .accessibletip-jck, .startip-jck, .hearttip-jck, .previoustip-jck, .carttip-jck, .attachmenttip-jck, .calculatortip-jck, .cuttip-jck, .dollartip-jck, .poundtip-jck , .eurotip-jck, .mailtip-jck, .supporttip-jck, .nexttip-jck, .soundtip-jck { color: #444444 !important; } a.flashtip-jck, a.ziptip-jck, a.pdftip-jck, a.videotip-jck, a.infotip-jck, a.warningtip-jck, a.filmtip-jck, a.pintip-jck , a.lightbulbtip-jck , a.recycletip-jck , a.cameratip-jck, a.commenttip-jck, a.chattip-jck, a.documenttip-jck, a.accessibletip-jck, a.startip-jck, a.hearttip-jck, a.previoustip-jck, a.carttip-jck, a.attachmenttip-jck, a.calculatortip-jck, a.cuttip-jck, a.dollartip-jck, a.poundtip-jck , a.eurotip-jck, a.mailtip-jck, a.supporttip-jck , a.nexttip-jck, a.soundtip-jck { color: #095197 !important; } .flashtip-jck, .ziptip-jck, .pdftip-jck, .videotip-jck, .infotip-jck, .warningtip-jck, .filmtip-jck, .pintip-jck , .lightbulbtip-jck , .recycletip-jck , .cameratip-jck, .commenttip-jck, .chattip-jck, .documenttip-jck, .accessibletip-jck, .startip-jck, .hearttip-jck, .previoustip-jck, .carttip-jck, .attachmenttip-jck, .calculatortip-jck, .cuttip-jck, .dollartip-jck, .poundtip-jck , .eurotip-jck, .mailtip-jck, .supporttip-jck, .nexttip-jck, .soundtip-jck, .download-DOC, a.flashtip-jck, a.ziptip-jck, a.pdftip-jck, a.videotip-jck, a.infotip-jck, a.warningtip-jck, a.filmtip-jck, a.pintip-jck , a.lightbulbtip-jck , a.recycletip-jck , a.cameratip-jck, a.commenttip-jck, a.chattip-jck, a.documenttip-jck, a.accessibletip-jck, a.startip-jck, a.hearttip-jck, a.previoustip-jck, a.carttip-jck, a.attachmenttip-jck, a.calculatortip-jck, a.cuttip-jck, a.dollartip-jck, a.poundtip-jck , a.eurotip-jck, a.mailtip-jck, a.supporttip-jck , a.nexttip-jck, a.soundtip-jck { display: block; margin-bottom: 20px; background-color: #FAFAFA !important; background-position: left 5px center !important; background-repeat: no-repeat !important; background-size: 28px auto !important; border-bottom: 1px dotted #C8C8C8; border-top: 1px dotted #C8C8C8; display: block; margin: 10px 0 !important; padding: 7px 10px 7px 40px !important; -webkit-transition: background-color 800ms ease-in-out; -moz-transition: background-color 800ms ease-in-out; -o-transition: background-color 800ms ease-in-out; transition: background-color 800ms ease-in-out; text-shadow: 1px 1px 1px #ffffff; /*font-size: 14px;*/ } a.flashtip-jck:hover, a.ziptip-jck:hover, a.pdftip-jck:hover, a.videotip-jck:hover, a.infotip-jck:hover, a.warningtip-jck:hover, a.filmtip-jck:hover, a.pintip-jck:hover , a.lightbulbtip-jck:hover , a.recycletip-jck:hover , a.cameratip-jck:hover, a.commenttip-jck:hover, a.chattip-jck:hover, a.documenttip-jck:hover, a.accessibletip-jck:hover, a.startip-jck:hover, a.hearttip-jck:hover, a.previoustip-jck:hover, a.carttip-jck:hover, a.attachmenttip-jck:hover, a.calculatortip-jck:hover, a.cuttip-jck:hover, a.dollartip-jck:hover, a.poundtip-jck:hover, a.eurotip-jck:hover, a.mailtip-jck:hover, a.supporttip-jck:hover, a.nexttip-jck:hover, a.soundtip-jck:hover, a.download-DOC:hover { color: #095197 !important; } .flashtip-jck:hover, .ziptip-jck:hover, .pdftip-jck:hover, .videotip-jck:hover, .infotip-jck:hover, .warningtip-jck:hover, .filmtip-jck:hover, .pintip-jck:hover , .lightbulbtip-jck:hover , .recycletip-jck:hover , .cameratip-jck:hover, .commenttip-jck:hover, .chattip-jck:hover, .documenttip-jck:hover, .accessibletip-jck:hover, .startip-jck:hover, .hearttip-jck:hover, .previoustip-jck:hover, .carttip-jck:hover, .attachmenttip-jck:hover, .calculatortip-jck:hover, .cuttip-jck:hover, .dollartip-jck:hover, .poundtip-jck:hover, .eurotip-jck:hover, .mailtip-jck:hover, .supporttip-jck:hover, .nexttip-jck:hover, .soundtip-jck:hover, .download-DOC:hover, a.flashtip-jck:hover, a.ziptip-jck:hover, a.pdftip-jck:hover, a.videotip-jck:hover, a.infotip-jck:hover, a.warningtip-jck:hover, a.filmtip-jck:hover, a.pintip-jck:hover , a.lightbulbtip-jck:hover, a.recycletip-jck:hover, a.cameratip-jck:hover, a.commenttip-jck:hover, a.chattip-jck:hover, a.documenttip-jck:hover, a.accessibletip-jck:hover, a.startip-jck:hover, a.hearttip-jck:hover, a.previoustip-jck:hover, a.carttip-jck:hover, a.attachmenttip-jck:hover, a.calculatortip-jck:hover, a.cuttip-jck:hover, a.dollartip-jck:hover, a.poundtip-jck:hover, a.eurotip-jck:hover, a.mailtip-jck:hover, a.supporttip-jck, a.nexttip-jck:hover, a.soundtip-jck:hover { background-color: #F2F2F2 !important; -webkit-transition: background-color 400ms ease-in-out; -moz-transition: background-color 400ms ease-in-out; -o-transition: background-color 400ms ease-in-out; transition: background-color 400ms ease-in-out; background-repeat: no-repeat !important; } .flashtip-jck { background-image: url("alexlprstyle/flash.png")!important} .ziptip-jck { background-image: url("alexlprstyle/zip_download.png")!important} .pdftip-jck { background-image: url("alexlprstyle/pdf.png")!important} .videotip-jck { background-image: url("alexlprstyle/video_clip.png")!important} .infotip-jck { background-image: url("alexlprstyle/info.png")!important} .warningtip-jck { background-image: url("alexlprstyle/warning.png")!important} .filmtip-jck { background-image: url("alexlprstyle/film.png")!important} .pintip-jck {background-image: url("alexlprstyle/pin.png")!important} .lightbulbtip-jck {background-image: url("alexlprstyle/light_bulb.png")!important} .recycletip-jck { background-image: url("alexlprstyle/recycle.png")!important} .cameratip-jck { background-image: url("alexlprstyle/camera.png")!important} .commenttip-jck { background-image: url("alexlprstyle/comment.png")!important} .chattip-jck { background-image: url("alexlprstyle/chat.png")!important} .documenttip-jck { background-image: url("alexlprstyle/document.png")!important} .accessibletip-jck { background-image: url("alexlprstyle/accessible.png")!important} .startip-jck { background-image: url("alexlprstyle/star.png")!important} .hearttip-jck { background-image: url("alexlprstyle/heart.png")!important} .previoustip-jck { background-image: url("alexlprstyle/previous.png")!important} .carttip-jck { background-image: url("alexlprstyle/cart.png")!important} .attachmenttip-jck { background-image: url("alexlprstyle/attachment.png")!important} .calculatortip-jck { background-image: url("alexlprstyle/calculator.png")!important} .cuttip-jck { background-image: url("alexlprstyle/cut.png")!important} .dollartip-jck { background-image: url("alexlprstyle/dollar_currency_sign.png")!important} .poundtip-jck { background-image: url("alexlprstyle/sterling_pound_currency_sign.png")!important} .eurotip-jck { background-image: url("alexlprstyle/euro_currency_sign.png")!important} .mailtip-jck { background-image: url("alexlprstyle/mail.png")!important} .supporttip-jck { background-image: url("alexlprstyle/support.png")!important} .nexttip-jck { background-image: url("alexlprstyle/next.png")!important} .soundtip-jck { background-image: url("alexlprstyle/sound.png")!important} /* Text Highlight */ span.blue_hlight-jck, span.gree_hlight-jck, span.red_hlight-jck, span.black_hlight-jck , span.yell_hlight-jck { border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline; font-weight: bold; text-shadow: none; padding: 2px 4px; font-size: 13px; } span.blue_hlight-jck { background: none repeat scroll 0 0 #3E6A86;} span.gree_hlight-jck { background: none repeat scroll 0 0 #b9cd96;} span.red_hlight-jck { background: none repeat scroll 0 0 #AA1428;} span.black_hlight-jck { background: none repeat scroll 0 0 #000000;} span.yell_hlight-jck { background: none repeat scroll 0 0 #F2F096; color: #544C4A;} /* Box Styles */ .blubox-jck, .grebox-jck, .redbox-jck, .blabox-jck, .yelbox-jck { background: none repeat scroll 0 0 #FAFAFA; border-style: solid; border-width: 1px 1px 1px 8px; margin: 10px 0 20px !important; padding: 8px 8px 8px 20px !important; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; color: #444444 !important; text-shadow: 1px 1px 1px #ffffff; } .blubox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #3E6A86;} .grebox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #b9cd96;} .redbox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #AA1428;} .blabox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #000000;} .yelbox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #F2F096; color: #544C4A;} .blubox-jck > br, .grebox-jck > br, .redbox-jck > br, .blabox-jck > br, .yelbox-jck > br { clear: both; } /* Icon Library */ .info-jck, .warning-jck, .film-jck, .pin-jck , .lightbulb-jck , .recycle-jck , .camera-jck, .comment-jck, .chat-jck, .document-jck, .accessible-jck, .star-jck, .heart-jck, .previous-jck, .cart-jck, .attachment-jck, .calculator-jck, .cut-jck, .dollar-jck, .pound-jck , .euro-jck, .mail-jck, .support-jck, .next-jck, .sound-jck, .flash-jck, .zip-jck, .pdf-jck, .video-jck { display: block; padding: 20px 0 20px 60px !important; margin-bottom: 20px !important; background-color: transparent !important; background-position: left center !important; background-repeat: no-repeat !important; } .info-jck { background: url("alexlprstyle/info.png")} .warning-jck { background: url("alexlprstyle/warning.png")} .film-jck { background: url("alexlprstyle/film.png")} .pin-jck {background: url("alexlprstyle/pin.png")} .lightbulb-jck {background: url("alexlprstyle/light_bulb.png")} .recycle-jck { background: url("alexlprstyle/recycle.png")} .camera-jck { background: url("alexlprstyle/camera.png")} .comment-jck { background: url("alexlprstyle/comment.png")} .chat-jck { background: url("alexlprstyle/chat.png")} .document-jck { background: url("alexlprstyle/document.png")} .accessible-jck { background: url("alexlprstyle/accessible.png")} .star-jck { background: url("alexlprstyle/star.png")} .heart-jck { background: url("alexlprstyle/heart.png")} .previous-jck { background: url("alexlprstyle/previous.png")} .cart-jck { background: url("alexlprstyle/cart.png")} .attachment-jck { background: url("alexlprstyle/attachment.png")} .calculator-jck { background: url("alexlprstyle/calculator.png")} .cut-jck { background: url("alexlprstyle/cut.png")} .dollar-jck { background: url("alexlprstyle/dollar_currency_sign.png")} .pound-jck { background: url("alexlprstyle/sterling_pound_currency_sign.png")} .euro-jck { background: url("alexlprstyle/euro_currency_sign.png")} .mail-jck { background: url("alexlprstyle/mail.png")} .support-jck { background: url("alexlprstyle/support.png")} .next-jck { background: url("alexlprstyle/next.png")} .sound-jck { background: url("alexlprstyle/sound.png")} .flash-jck { background: url("alexlprstyle/flash.png")} .zip-jck { background: url("alexlprstyle/zip_download.png")} .pdf-jck { background: url("alexlprstyle/pdf.png")} .video-jck { background: url("alexlprstyle/video_clip.png")} /****************************************************/ /******** Download **********************************/ /****************************************************/ .download-box{ display:block; margin-bottom: 10px; background-color: #FAFAFA; border-bottom: 1px dotted #C8C8C8; border-top: 1px dotted #C8C8C8; padding: 7px 10px 7px 7px; /*text-shadow: 1px 1px 1px #ffffff; */ width:100%; } .download-filenamebox{ display:table; padding: 10px 10px 0px 10px; width:100%; } .download-col1 { display:table-cell; float: left; } .download-col2 { display:table-cell; float: right; margin: auto; } .download-col2 a{ padding: 10px 25px 10px 25px; font-weight: bold; font-size:110%; } .download-title { font-weight: bold; font-size:120%; padding:5px 5px 5px 5px; } .download-float { padding-left: 75px; line-height: 1.5; } .download-float a{ font-size:110%; font-weight: bold; } @media screen and (max-width: 799px){ .download-col2{float: left;} .download-col1 a{font-size:90%;} .download-col1 p{font-size:90%;} .download-col2 a{font-size:90%;} } /* --------------------------------- */ /* Стили для текста */ /* --------------------------------- */ .page-header h1 { font-size: 150%; line-height: 140%; font-weight: bold !important; } h1, h2, h3 { font-weight: bold !important; } .item-page h1 { font-size: 150%; line-height: 140%; padding-top: 1px; padding-bottom: 1px; font-weight: bold !important; } .item-page h2 { font-size: 130%; line-height: 130%; padding-top: 10px; padding-bottom: 10px; font-weight: bold !important; } .item-page h3 { font-size: 120%; line-height: 120%; padding-top: 10px; padding-bottom: 10px; font-weight: bold !important; } /* ----------------------------------------- */ /* Стили для цветных блоков */ /* ----------------------------------------- */ .wordsblock p { text-align: left; font-size: 90%; line-height: 120%; } .wordsblock a { text-align: left; vertical-align: bottom; } .wordsblock h3{ text-align: left; font-size: 110%; line-height: 120%; padding: 15px 0px 15px 0px; } .wordsblockwrap{ /* width: 100%;*/ display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; } .wordsblock{ margin: 5px; width: 368px; display: inline-block; border-radius: 10px 10px 10px 10px; padding: 0px 30px 20px 30px; } .wordsblock-green { background: #E0F5E0; } .wordsblock-blue { background: #C6E6FF; } .wordsblock-beige { background: #FFF6D8; } .wordsblock-pink { background: #FFE7E7; } .wordsblock-yellow { background: #FFE1AE; } wordsblock-grey{ background: #E2E2E2; } .wordsblock-pic-crossword01 { background-image: url(/images/images_blocks/wordsblock-pic-crossword01.png); background-repeat: no-repeat; background-position: 130% 20px; } .wordsblock-pic-download01 { background-image: url(/images/images_blocks/wordsblock-pic-download01.png); background-repeat: no-repeat; background-position: 100% 20px; } .wordsblock-pic-download02 { background-image: url(/images/images_blocks/wordsblock-pic-download02.png); background-repeat: no-repeat; background-position: 130% 20px; } .wordsblock-pic-flashcards01 { background-image: url(/images/images_blocks/wordsblock-pic-flashcards01.png); background-repeat: no-repeat; background-position: 130% 20px; } .wordsblock-pic-pictures01 { background-image: url(/images/images_blocks/wordsblock-pic-pictures01.png); background-repeat: no-repeat; background-position: 130% 20px; } .wordsblock-pic-pictures02 { background-image: url(/images/images_blocks/wordsblock-pic-pictures02.png); background-repeat: no-repeat; background-position: 130% 20px; } .wordsblock-pic-test01 { background-image: url(/images/images_blocks/wordsblock-pic-test01.png); background-repeat: no-repeat; background-position: 130% 20px; } .wordsblock-pic-test02 { background-image: url(/images/images_blocks/wordsblock-pic-test02.png); background-repeat: no-repeat; background-position: 130% 20px; } .wordsblock-pic-test03 { background-image: url(/images/images_blocks/wordsblock-pic-test03.png); background-repeat: no-repeat; background-position: 130% 20px; } .wordsblock-pic-test04 { background-image: url(/images/images_blocks/wordsblock-pic-test04.png); background-repeat: no-repeat; background-position: 130% 20px; } /* ----------------------------------------- */ /* Стили для кнопок */ /* ----------------------------------------- */ .alexlpr-btn { color: #fff; border-radius: 5px; padding: 5px 15px 5px 15px; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; } .abtn-green { background: #5DB95D; color: #fff; } .abtn-green:hover { background: #54A954; color: #fff; } .abtn-blue { background: #1A96F6; color: #fff; } .abtn-blue:hover { background: #0E81D9; color: #fff; } .abtn-beige { background: #FFCE03; color: #fff; } .abtn-beige:hover { background: #D8AE04; color: #fff; } .abtn-pink { background: #DB6C5E; color: #fff; } .abtn-pink:hover { background: #DE2910; color: #fff; } .abtn-yellow { background: #F99C18; color: #fff; } .abtn-yellow:hover { background: #E58F16; color: #fff; } /**************************************/ /* блоки в статьях многие устарели */ /**************************************/ .boxms_novoe{ line-height: 90%; margin-top: 25px; margin-bottom: 20px; min-height: 100px; border:1px #CFD9DB solid; border-radius:1px; box-shadow: 0px 0px 0px 3px #f6f6f6, 0px 0px 0px 4px #cccccc; background:#D6F7DD;} .boxms_Social { padding:10px 10px 10px 10px; } .boxms_box { line-height: 120%; margin-top: 25px; margin-bottom: 10px; border:1px #CFD9DB solid; border-radius:1px; box-shadow: 0px 0px 0px 6px #f6f6f6, 0px 0px 0px 7px #cccccc; padding:10px 10px 10px 10px;} /* бокс для связанных материалов */ .boxms_Related { margin: 5px 0px 5px 0px; border:1px #CFD9DB solid; border-radius:6px; padding:10px 10px 10px 10px; } .boxms_Related li a { padding:0px 10px 0px 25px; } /*.boxms_Related a:before {content: '\2714 ';} Добавляем галочку перед элементом списка */ .boxms_DownloadFC { line-height: 120%; margin-top: 10px; margin-bottom: 10px; border:1px #CFD9DB solid; border-radius:1px; box-shadow: 0px 0px 0px 6px #f6f6f6, 0px 0px 0px 7px #cccccc; padding:10px 10px 10px 10px;} .boxms_cross, .boxms_dict, .boxms_pict,.boxms_text { line-height: 90%; margin-top: 25px; margin-bottom: 20px; min-height: 100px; border:1px #CFD9DB solid; border-radius:1px; box-shadow: 0px 0px 0px 6px #f6f6f6, 0px 0px 0px 7px #cccccc; background:#E4EBEF; padding:12px 12px 12px 12px; } .boxms_novoe p,.boxms_cross p,.boxms_dict p,.boxms_pict p,.boxms_text p{text-indent: 0px;line-height: 100%;} .boxms_novoe ul,.boxms_cross ul,.boxms_dict ul,.boxms_pict ul,.boxms_text ul{line-height: 100%;} @media (min-width: 700px) { .boxms_novoe{ background-image:url(alexlprstyle/images/sova_new.png);background-repeat: no-repeat; background-position: 2% 50%; padding:12px 12px 12px 160px; } .boxms_cross { background-image:url(alexlprstyle/images/sova_cross.png);background-repeat: no-repeat; background-position: 2% 50%; padding:12px 12px 12px 160px; } .boxms_dict { background-image:url(alexlprstyle/images/sova_dict.png);background-repeat: no-repeat; background-position: 2% 50%; padding:12px 12px 12px 140px; } .boxms_pict { background-image:url(alexlprstyle/images/sova_pict.png);background-repeat: no-repeat; background-position: 2% 50%; padding:12px 12px 12px 140px; } .boxms_text { background-image:url(alexlprstyle/images/sova_text.png);background-repeat: no-repeat; background-position: 2% 50%; padding:12px 12px 12px 140px; }}