программирование @import url('reset.css'); @import url('screen_footer_style.css'); кодирование /* @import url('screen_header_001.css'); @import url('screen_menU_id_001a.css'); анализ, @import url('screen_menU_id_001b.css'); проектирование, @import url('screen_opros.css'); @import url('screen_footer_style.css'); тестирование */ /* dlia otobrajeniia gradienta cross-browser background: отладка, -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.03) 31%, rgba(0,0,0,0) 32%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(31%,rgba(0,0,0,0.03)), color-stop(32%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); сопровождение background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%); background: и -o-linear-gradient (left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%); дизайн. background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); */ /* haki dlia IE 10+ */ /* только для IE9 - IE10 */ @media screen and (min-width:0\0) { } /* только для IE10 - IE11 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { }/* end haki dlia IE 10+ */ @font-face { } html{ background: url("../img/html_fon.png") rgba(0,0,0, 0.96) no-repeat; dbackground:#555; dbackground:#7FB3C9; dbackground:#DCF0F9; dbackground:#f3f4f6/*e8e8e8/*#DCF0F9*/; dbackground-repeat: no-repeat; dheight:100%; } body{ dposition:fixed; dtop: 0; dright: 0; dbottom: 0px; dleft: 0; dbackground:#A5CBE0; dbackground:#f3f4f6; dbackground-repeat: no-repeat; dbackground-attachment: fixed; dheight:860px; margin:0px auto; width:1200px;/*1170*/ dheight:100%; doutline:3px solid #f65; dcolor:black; } .vremia{ font-size:25px; color:#ffffff; } .ya-share2{ margin:5px 35px 0 0; float:right; } .contenteditable_h2{ doutline:1px solid black; outline:1px dotted rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.65); } div:focus{ outline:none;/* svoystvo primeniaetsia dlia togo chto b nePoiavlialas obErtka outline daje priPerevode tab 'om tabindex */ } .vishe_nije{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .img_redaktirovat{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } label{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .display_none{ display:none; } .o_o_15_o{ margin:0 0 15px 0; clear: both; } .o15_o_o_o{ margin:15px 0 0 0; clear:both; } .clear_both_0{ dbackground:#DCDCDC; dheight:10px; dborder-bottom:1px solid black; dwidth:860px; dmargin:0px auto; dmargin-bottom:10px; clear: both; doutline:1px solid #f65; } .clear_both_1{ dmargin-top:10px; margin:0px; height:1px; clear: both; doutline:1px solid #65f; } .clear_both_5{ dmargin-top:10px; margin:5px; height:5px; clear: both; doutline:1px solid #65f; } .clear_both_10{ dmargin-top:10px; margin:10px; height:10px; clear: both; doutline:1px solid #65f; } .pustIshka_temp{ margin-top:20px; height:1px; clear: both; doutline:1px solid #65f; } .div_body{ display: flex; display: -ms-flexbox; /*IE10 implementation*/ display: -webkit-box; /* OLD: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* OLD: Firefox (buggy) */ ddisplay: -ms-flexbox; /* MID: IE 10 */ display: -webkit-flex; /* NEW, Chrome 21?28, Safari 6.1+ */ dflex-direction: row; djustify-content: space-between; justify-content: space-around; -ms-flex-align:stretch; -ms-flex-pack: justify;/* justify-content: space-between; dlia IE pokrayney mere v 10 rabotaet*/ } .body_leviy{ background: linear-gradient(to left, rgba(133, 185, 205, 0.83) 0%, rgba(133, 185, 205, 0.23) 100%); dposition:fixed; dmargin-top:-100px; width:210px; dmin-height:100vh; dz-index:1;/* trebudetsia dlia pravil'nogo nalojeniia fona v google chrome dlia otobrajeniia v 10IE smotrim napisanie "avtorizacia" !!!*/ dfloat:left; doutline:2px solid #f65; } .body_praviy{ dbackground: linear-gradient(to right, rgba(133, 185, 205, 0.83) 0%, rgba(133, 185, 205, 0.23) 100%); width:985px; margin:0 0 0 5px; dz-index:9999; doutline:2px solid #f65; } .margin_top_99999{ display:none; dposition:fixed; dmargin-top:-99999px; dmargin-right:-99999px; dtop:99999px; } .display_none{ display:none; } .o2{ dposition:relative; display: flex; display: -ms-flexbox; /*IE10 implementation*/ display: -webkit-box; /* OLD: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* OLD: Firefox (buggy) */ ddisplay: -ms-flexbox; /* MID: IE 10 */ display: -webkit-flex; /* NEW, Chrome 21?28, Safari 6.1+ */ dflex-direction: column; djustify-content: space-between; djustify-content: space-around; -ms-flex-align:stretch; d-ms-flex-pack: justify;/* justify-content: space-between; dlia IE pokrayney mere v 10 rabotaet*/ background: linear-gradient(to right, rgba(133, 185, 205, 0.83) 0%, rgba(133, 185, 205, 0.23) 100%); margin-top:5px; dz-index:-1; } .o5{ background:linear-gradient(to right, rgba(133, 185, 205, 0.83) 0%, rgba(133, 185, 205, 0.23) 100%); margin:5px 0 0 0; padding:1px 0 1px 0; } .o6{ background:linear-gradient(to right, rgba(133, 185, 205, 0.83) 0%, rgba(133, 185, 205, 0.23) 100%); margin:5px 0 0 0; padding:1px 0 1px 0; } .o5 .oo65{ dheight:20px; doutline:2px solid black; } .levo{ dposition:relative; width:690px; padding:10px 0 10px 0; dz-index:2; doutline:2px solid black; } .center{ dwidth:1px; dheight:90%; dbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.65); doutline:2px solid