Сайт отображается по-разному на разных разрешениях экрана. Пожалуйста, укажите переменные в таблице стилей, которые нужно изменить для корректного отображения фона и меню. - вопрос №1213029


@import '/css/theme.css'; @font-face{ font-family:«f014»; src:url("/fonts/f014.eot"); src:url("/fonts/f014.eot?#iefix") format(«embedded-opentype»), url("/fonts/f014.woff") format(«woff»), url("/fonts/f014.ttf") format(«truetype»), url("/fonts/f014.svg#webfont") format(«svg»); font-weight:normal; font-style:normal; } @font-face{ font-family:«f015»; src:url("/fonts/f015.eot"); src:url("/fonts/f015.eot?#iefix") format(«embedded-opentype»), url("/fonts/f015.woff") format(«woff»), url("/fonts/f015.ttf") format(«truetype»), url("/fonts/f015.svg#webfont") format(«svg»); font-weight:normal; font-style:normal; } @font-face{ font-family:«icons»; src:url("/fonts/icons.eot"); src:url("/fonts/icons.eot?#iefix") format(«embedded-opentype»), url("/fonts/icons.woff") format(«woff»), url("/fonts/icons.ttf") format(«truetype»), url("/fonts/icons.svg#webfont") format(«svg»); font-weight:normal; font-style:normal; } @font-face { font-family:'logo'; src:url('/fonts/logo.eot'); src:url('/fonts/logo.eot?#iefix') format('embedded-opentype'), url('/fonts/logo.woff') format('woff'), url('/fonts/logo.ttf') format('truetype'), url('/fonts/logo.svg#logo') format('svg'); font-weight: normal; font-style: normal; } body {background-color:transparent;margin:0;padding:0;font-size:13px;font-family:Verdana, Geneva, sans-serif;-webkit-backface-visibility:hidden;} img,form {border:0;margin:0;} a,input {outline:none;} a {text-decoration:underline;} a:hover {text-decoration:none;} h1,h2, h3, h4, h5, h6 {font-weight:normal;margin:5px 0;padding:0;} h1 {font-size:26px;} h2 {font-size:21px;} h3 {font-size:19px;} h4 {font-size:17px;} h5 {font-size:15px;} h6 {font-size:13px;} ul {list-style:square;} hr {border:none;border-bottom-style:solid;border-bottom-width:1px;} .clr {clear:both;} #wrapper {margin:0 auto;height:100%;} #overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;z-index:-2;} #over-bg,#clone {position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;} #clone {z-index:11110;-moz-opacity:1;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);} #cont-top {position:absolute;top:50px;-moz-opacity:1;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);visibility:visible;} #cont-top.hidden {-moz-opacity:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);visibility:hidden;} #cont-top ul,#cont-top li {padding:0;margin:0;list-style:none;} #cont-top a {text-decoration:none;} #cont-top .ver-sep {-moz-opacity:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);float:right;width:1px;height:28px;border-right-width:1px; border-right-style:solid;} #social-box,#user-box {float:right;height:22px;padding:3px 8px 3px 0;} #social-box a,#user-box a {display:inline-block;margin:0 5px;-moz-opacity:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);} #user-box {padding:3px 8px;} #search {float:right;padding:0 0 0 13px;height:28px;-moz-opacity:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);} #search .search-box {width:23px;height:26px;padding:0;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} #search .schQuery input {background:none;border:none;width:0;padding:0;height:26px;line-height:26px;font-family:«f014»;font-size:14px;float:left;-moz-opacity:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);} #search .schBtn {float:right;width:22px;padding:2px 0 0;} #search .schBtn input {width:22px;margin:0;padding:0;height:22px;float:right;border:none;background:none;font-family:'icons';font-size:22px;cursor:pointer;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;} #search.hover .search-box {padding:0 5px;width:208px;} #search.hover .schQuery input {width:176px;padding:0 3px;-moz-opacity:1;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);} #sidebar {display:table;position:fixed;height:100%;} .side-inner {display:table-cell;vertical-align:middle;} .site-n {text-align:center;} #site-logo {display:inline-block;font-size:40px;font-family:'logo';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;} .site-t,.site-t a {text-decoration:none;font-size:44px;line-height:70%!important;font-family:«f015»;} .site-t {padding:3px 0 0;} .site-d {padding:10px 0 0;font-family:«f014»;font-size:14px;} #catmenu {margin:60px 0 0;} #catmenu ul,#catmenu li {padding:0;margin:0;list-style:none;} #catmenu li {padding:7px 0;font-family:«f014»;font-size:18px;vertical-align:middle;} #catmenu li a {display:block;text-decoration:none;position:relative;padding:0 0 0 30px;} #catmenu li a:before {content:"";position:absolute;display:block;height:1px;width:20px;top:8px;left:0;} #catmenu ul ul {display:none!important;} #footer {position:absolute;bottom:30px;left:0;font-size:11px;} #content {float:right;padding:70px 0 20px;} #content .calTable td {padding:12px;} #content fieldset {border-width:1px;border-style:solid;padding:20px;margin:0 0 20px;} .eBlock {margin:0 0 30px 0;padding:0;border-spacing:0;} .eBlock td {padding:0!important;} .eTitle,.sect-ttl {padding:0 0 20px!important;margin:0 0 20px;font-size:24px;font-family:«f014»;border-bottom-width:1px;border-bottom-style:solid;} .eTitle a {text-decoration:none;} .eDetails,.eDetails1,.eDetails2{font-size:11px;padding:7px 10px!important;margin:0 0 1px;position:relative;margin:10px 0 0;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .eDetails a,.eDetails1 a,.eDetails2 a {text-decoration:underline;} .eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover {text-decoration:none;} .eBlock td.eDetails,.eBlock td.eDetails1,.eDetails2 {padding:10px!important;margin:10px 0 0!important;} .eMessage,.eText {margin:0;padding:10px 0!important;line-height:150%;} .eMessage p,.eText p{margin:0;padding:0 0 5px 0;} .eBlock td.eMessage,.eBlock td.eMessage.eText {padding:0 0 10px!important;} .pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.plist b {padding:4px 7px;font-weight:normal;font-size:9px;font-family:«f014»;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,.plist a,.work-bt {padding:4px 7px;font-size:9px;font-family:«f014»;text-decoration:none;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .cBlock1,.cBlock2 {border-bottom-width:1px;border-bottom-style:solid;} #content .cBlock1,#content .cBlock2,.commTable{padding:10px;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .commTable {margin:20px 0;padding:30px 0 0;border-style:double;border-width:3px;border-left:none;border-bottom:none;border-right:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} .cMessage {font-size:12px;} .cTop {padding:0 0 5px 0;margin:0 0 5px 0;border-bottom-style:solid;border-bottom-width:1px;font-size:14px;font-family:«f014»;} .cTop * {font-weight:normal;} .cTop span {font-family:Verdana, Geneva, sans-serif;} .cAnswer {padding:15px 0 0 15px;font-style:italic;font-size:11px;} .commTd1 {padding:5px 2px;width:140px;} input.commFl {width:60%;} textarea.commFl {width:90%;} #casing textarea.wysibb-texarea {color:#aaa;width:100%;} input.codeButtons {min-width:30px;} .eAttach {margin:10px 0;font-size:12px;} .eAttach:before {content:"\e013";font-family:'icons';font-size:14px;margin:0 5px 0 0;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;} .eRating {font-size:8pt;} .manTdError,.commError {color:#ff0000;} .commReg {padding:10px 0;text-align:center;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;} .replaceTable {font-size:12px;padding:10px;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .legendTd {font-size:8pt;} .outputPM {border-width:1px;border-style:dashed;margin:4px 0 4px 30px;} .inputPM {border-width:1px;border-style:dashed;margin:4px 0;} .uTable {padding:0;background:none;} .uTable td {padding:3px 10px;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .eAttach .entryAttachSize {padding-left:4px;} .manTable {text-align:left;} .manTable .manTd1 {font-size:12px;line-height:14px;width:200px;} .hsep {padding:20px 0;height:1px;line-height:1px;text-align:center;} .bmar {margin:40px 0;} .mmar {margin:30px 0;} .smar {margin:10px 0 20px;} .lsep,.rsep {display:inline-block;height:1px;-moz-opacity:.4;opacity:.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);} .msep {height:1px;display:inline-block;padding:0 15px;} .msep span {display:inline-block;width:4px;height:4px;border-width:1px;border-style:solid;margin:0 15px;-moz-opacity:.6;opacity:.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;} #works-lst,#blog-list {padding:20px 0 0;} .big-ttl {font-size:30px;font-family:«f014»;text-align:center;margin:0 0 40px;} .dsc-box {font-size:14px;line-height:160%;text-align:center;} .work-i {float:left;} .work-i:nth-child(3n+1) {padding-left:0;} .no-pad {padding-left:0!important;} .work-w {position:relative;} .work-bd,.comm-avaw {overflow:hidden;position:relative;padding:3px;border-width:1px;border-style:solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;} .work-img,.comm-ava {position:absolute;background-position:50% 0;background-size:cover;overflow:hidden;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;} .work-shad {position:absolute;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;cursor:default;} .work-w {position:absolute;-moz-opacity:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);backface-visibility:hidden;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;} .work-info {display:table;text-align:center;position:absolute;overflow:hidden;-moz-opacity:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);backface-visibility:hidden;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);} .work-bd:hover .work-img,.work-bd.touched .work-img {-moz-opacity:.3;opacity:.3;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);} .work-bd:hover .work-w,.work-bd.touched .work-w {-moz-opacity:.4;opacity:.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);} .work-bd:hover .work-info,.work-bd.touched .work-info {-moz-opacity:1;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .work-iw {display:table-cell;vertical-align:middle;} .work-tt {font-size:20px;font-family:«f014»;position:relative;padding:0 20px;max-height:44px;overflow:hidden;} .work-ds {padding:10px 5px;margin:10px 20px;font-size:12px;border-top-width:1px;border-top-style:solid;max-height:42px;overflow:hidden;} .dt-ts,.ndt-ts,.dt-hide {display:none;} .work-bt {font-size:12px;text-decoration:none;} .work-plus a {font-size:32px;font-weight:bold;text-decoration:none;} .blog-i {margin:0 0 40px;} .big-i {margin:0 0 60px;} .blog-l {float:left;padding:0 30px 0 0;border-right-width:1px;border-right-style:solid;height:82px;overflow:hidden;} .blog-r {float:right;height:82px;overflow:hidden;} .big-i .blog-l,.big-i .blog-r {height:156px;} .blog-dt {text-align:center;width:80px;height:80px;border-style:solid;border-width:1px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;} .blog-dt b {font-size:22px;font-family:«f014»;font-weight:normal;display:inline-block;padding:10px 5px 5px;border-bottom-style:solid;border-bottom-width:1px;} .blog-dt em {font-style:normal;display:block;padding:5px 0 0;font-size:20px;font-family:«f014»;} .blog-ttd {height:35px;line-height:32px;overflow:hidden;} .big-i .blog-ttd {margin:0 0 10px;} .blog-tt {font-size:22px;font-family:«f014»;text-decoration:none;} .big-i .work-i {float:none;} .big-i .blog-tx {max-height:70px;overflow:hidden;} .big-i .blog-l {position:relative;} .moder-box {position:absolute;top:0;right:0;z-index:20;} .blog-mt {margin:20px 0 0;} .blog-mt span,.fpost-m div {padding:0 10px 0 0;} .blog-mt span:before,.fpost-m div:before {font-family:'icons';font-size:14px;margin:0 5px 0 0;text-decoration:none;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;} .blog-mt span.bl-dt:before,.fpost-m div.bl-dt:before {content:"\e020";} .blog-mt span.bl-rd:before,.fpost-m div.bl-rd:before {content:"\e01f";} .blog-mt span.bl-cm:before,.fpost-m div.bl-cm:before {content:"\e018";} .blog-mt span.bl-sz:before,.fpost-m div.bl-sz:before {content:"\e01a";} .blog-mt .work-bt {float:right;} .photo-i {position:relative;} .no-ds {padding-bottom:0;} #casing.popuptable {margin:10px auto;padding:20px;font-weight:normal;border-style:solid;border-width:1px;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .popuptitle {font-size:20px;font-family:«f014»;border-bottom-width:1px;border-bottom-style:solid;padding:0 0 10px 0;text-align:center;} .popupbody {padding:10px 0 0 0;font-size:12px;} .popupbody * {font-size:12px!important;} .popuptable table {text-align:left;} .archiveEntryTitle ul {margin:2px 0;list-style:circle;} .archiveEntryTitle .archiveEntryTime {display:inline-block;padding:3px 5px;font-size:11px;} .archiveEntryTitle .archiveEntryTitleLink {font-size:14px;text-decoration:none;} .archiveEntryTitle .archiveEntryTitleLink:hover {text-decoration:underline;} .archiveEntryTitle .archiveEntryComms {font-size:11px;} #bottom {float:right;} .sidebox {margin:0 0 40px;float:left;} .sidetitle {padding:0 0 20px;font-family:«f014»;font-size:22px;} .sidebox ul,.sidebox .catsTable {margin:0;list-style:none;padding:0;border-spacing:0;} .sidebox li {list-style:none;} .sidebox li a,.sidebox .catsTable td a {display:block;padding:8px 0;text-decoration:none;} .sidebox li a:before,.sidebox .catsTable td a:before {position:relative;top:3px;content:"\e025";font-family:'icons';font-size:18px;padding:0 5px 0 0;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;} .sidebox ul ul {display:none!important;} .sidebox .catNumData {display:none!important;} .sidebox .calTable{width:100%;} .calTable {font-size:12px;} .calTable td {text-align:center;padding:7px 2px;} .calTable td a {text-decoration:underline;} .calTable td a:hover {text-decoration:none;} .calMonth,.calWday,.calWdaySe,.calWdaySu {font-size:13px;font-weight:bold;} .calTable td.calMonth a {text-decoration:none;} .calTable td.calMonth a:hover {text-decoration:underline;} .calTable .calMday {font-weight:bold;} .calTable .calMdayIsA a {font-weight:bold;} .sidebox iframe {border-width:1px;border-style:solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .sidebox .answer {padding:5px 0 0 0;} .sidebox input.mchat {max-width:97%;} .sidebox textarea.mchat {max-width:92%;} .sidebox .loginField {max-width:97%;} .sidebox .pollQue {font-size:14px;margin:0 0 10px;} .sidebox .pollButton {margin:10px 0 0;} #bottom .uz-sortable {width:240px!important;} #bottom .uz-sortable .sidebox {float:none;} .ui-sortable {z-index:9999!important;} #mchatBtn,.codeButtons {padding:5px 7px!important;} #mchatBtn {text-transform:lowercase;} #secuImgM,#secuImgC {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .gTable {background:none;} .gTableTop {padding:10px;font-size:16px;font-family:«f014»;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .gTableSubTop {font-size:11px;padding:5px;border-bottom-width:1px;border-bottom-style:solid;} .gTableSubTop b {font-weight:normal;} .gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.posttdMessage,.postTdInfo,.codeMessage,.quoteMessage,.forumIcoTd,.forumThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom,.postTdTop {padding:7px;background:none;border-bottom-width:1px;border-bottom-style:solid;} .forumNameTd,.forumThreadTd,.forumPostTd,.threadNametd,.threadPostTd,.threadViewTd,.threadAuthTd,.postTdInfo {border-right-width:1px;border-right-style:solid;} .postBottom,.postTdTop {padding:3px 7px;font-family:«f014»;font-size:13px;} .postTdTop {font-size:12px;} a.forum,a.threadLink {display:inline-block;font-size:12px;font-weight:bold;text-decoration:none;margin:0 0 5px;} a.forum:before,a.threadLink:before {content:"\e023";font-family:'icons';position:relative;margin:0 5px 0 0;bottom:-3px;font-size:18px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;} .gTableLeft {font-weight:bold} .gTableError {color:#FF0000} .forumLastPostTd,.forumArchive {font-size:8pt} a.catLink {text-decoration:none} a.catLink:hover {text-decoration:underline} .lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold} .archivedForum{font-size:8pt;color:#FF0000!important;font-weight:bold} .forumDescr {font-size:8pt} div.forumModer {font-size:8pt} a.forumModer {text-decoration:underline} .forumViewed {font-size:9px} .forumBarKw {font-weight:normal} a.forumBarA {text-decoration:none;} a.forumBarA:hover {text-decoration:none} .fastLoginForm {font-size:8pt} .switch,.pagesInfo {padding:2px 5px;font-weight:normal;font-size:11px;padding:4px 7px;font-size:9px;font-family:«f014»;text-decoration:none;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .switchActive {padding:2px 6px;font-weight:normal;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} a.switchDigit,a.switchBack,a.switchNext {text-decoration:none;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline} .threadLastPostTd {font-size:8pt} .threadDescr {font-size:8pt} .threadNoticeLink {font-weight:bold} .threadsType {height:20px;font-weight:bold;font-size:8pt} .threadsDetails {height:20px} .forumOnlineBar {height:20px} a.threadPinnedLink {font-weight:bold;color:#fc9!important} .postpSwithces {font-size:8pt;display:block;font-family:«f014»;margin:0 0 7px;} .thDescr {font-weight:normal} .threadFrmBlock {font-size:8pt} .forumNamesBar {font-size:11px;padding:3px 0} .forumModerBlock {padding:3px 0} .postPoll {text-align:center} .postUser {font-weight:bold;font-size:16px;} .postRankName {margin-top:5px} .postRankIco {margin-bottom:5px;margin-bottom:5px} .reputation {margin-top:5px} .signatureHr {margin-top:20px} .postTdInfo {padding:10px;text-align:center;font-family:«f014»;font-size:14px;} .postTdInfo a {text-decoration:none;} .postTdInfo a:hover {text-decoration:none;} .posttdMessage {line-height:18px;padding:10px} .pollQuestion {text-align:center;font-weight:bold} .pollButtons,.pollTotal {text-align:center} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt} .pollSubmit {font-weight:bold} .pollEnd {text-align:center;height:30px} .codeMessage,.quoteMessage,.uSpoilerText {font-size:11px;padding:10px;border-width:1px!important;border-style:solid!important;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .uSpoilerText {margin:0 0 0 10px;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;} .signatureView {display:block;font-size:8pt;line-height:14px;padding:0 0 0 10px;border-left-width:3px;border-left-style:solid;} .edited {padding-top:30px;font-size:8pt;text-align:right;color:gray} .editedBy {font-weight:bold;font-size:8pt} .statusBlock {padding-top:3px} .statusOnline {color:#0f0} .statusOffline {color:#f00} .pollHelp {font-weight:normal;font-size:8pt;padding-top:3px} .smilesPart {padding-top:5px;text-align:center} .userAvatar {width:100px;height:100px;border-width:1px;border-style:solid;padding:3px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;} .pollButtons button {margin:0 10px 0 0!important} .postBottom .goOnTop {display:none!important} .postIpLink {text-decoration:none;} .thread_subscribe {text-decoration:none;} .thread_subscribe:hover {text-decoration:underline;} .postip,.postip a {font-size:11px;} #casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#casing select {font-family:«f014»;font-size:14px;padding:5px 7px;background-color:transparent;-webkit-appearance:none;outline:none;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} #casing textarea {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button {font-size:14px!important;padding:5px 10px;white-space:nowrap;font-family:«f014»;font-style:normal!important;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;cursor:pointer;-webkit-appearance:none;} #casing input[type='submit']:hover,#casing input[type='reset']:hover,#casing input[type='button']:hover,#casing button:hover {} .tr-sw {cursor:pointer;display:inline-block;position:relative;padding:0 7px;height:25px;vertical-align:middle;margin-bottom:2px;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;} .tr-sw:before {position:absolute;right:3px;top:4px;content:"\e026";font-family:'icons';font-size:18px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;} .tr-sw select {display:none;} .tr-sw span {max-width:400px;height:25px;padding:0 20px 0 0;line-height:25px;overflow:hidden;display:inline-block;font-family:«f014»;font-size:14px;} .tr-sw ul,.tr-sw li {margin:0;padding:0;list-style:none;} .tr-sw ul {position:absolute;top:26px;left:0;z-index:2;max-height:200px;max-width:400px;overflow:auto;padding:7px 10px;-moz-opacity:.9;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);border-width:1px;border-style:solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .tr-sw ul li {float:none;text-transform:none;background:none;height:auto;position:relative;} .tr-sw ul a {text-decoration:none;display:block;font-family:«f014»;font-size:14px;padding:3px 0;} .tr-sw ul a:before {display:none;} .tr-sw ul a.selected {font-weight:bold;} .jq-trh {display:none;} #casing select {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .tr-fw {display:inline-block;width:240px;height:25px;overflow:hidden;border-width:1px;border-style:solid;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;vertical-align:middle;margin-bottom:2px;position:relative;} .tr-fw.fhd {display:none;} .tr-fw:before{content:"\e013";font-family:'icons';position:absolute;top:9px;right:7px;font-size:18px;text-align:center;line-height:7px;} .tr-fiw {display:inline-block;width:206px;overflow:hidden;white-space:nowrap;height:25px;line-height:25px;padding:0 3px;font-family:«f014»;font-size:14px;} .tr-fw input {position:absolute;top:0;left:0;cursor:pointer;height:25px;padding:0!important;width:240px!important;-moz-opacity:0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);} .checkbox input[type=checkbox],.radio input[type=radio]{display:none;} .checkbox label,.radio label{margin-bottom:10px;display:inline-block;cursor:pointer;position:relative;padding-left:25px;margin-right:15px;font-size:13px;} .checkbox label:before,.radio label:before{content:"";display:inline-block;width:12px;height:12px;margin-right:5px;position:absolute;left:0;top:1px;border-width:1px;border-style:solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .radio label:before{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} .checkbox input[type=checkbox]:checked+label:before,.radio input[type=radio]:checked+label:before{content:"\2713";font-size:18px;text-align:center;line-height:7px;} .radio input[type=radio]:checked+label:before{content:"\2022";text-align:center;line-height:10px;} #doSmbBt,.u-combobut {display:none;} #casing .u-comboeditcell,#casing .u-combo {border:0!important;background:none!important;} #casing .u-combolist,#content .xw-mc {padding:5px!important;font-size:12px!important;border-width:1px;border-style:solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-opacity:.9;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);} #content .xw-tl,#content .xw-bl,#content .u-menuvsep {display:none;} #content .xw-ml,#content .xw-mr {margin:0;padding:0;background:none;} #uNetRegF table {text-align:left;} #uNetRegF table table {clear:both;} #uNetRegF table table td {padding:5px 0 0 0;} .sidebox .gTable {background:none;} .sidebox .gTableTop,.sidebox .gTableSubTop,.sidebox .forumNameTd {border:none;background-color:none;text-transform:none;height:auto;line-height:normal;overflow:visible;font-size:13px!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-family:Verdana, Geneva, sans-serif;} .sidebox .gTable ul {padding:0 0 0 20px;} .sidebox .forumDescr {display:none;} .sidebox .gTableTop,.sidebox .gTableSubTop {display:block;padding:7px 0!important;text-decoration:none;background:none;} .noscript {font-size:12px;text-align:center;border-bottom-width:1px;border-bottom-style:solid;position:absolute;left:0;top:0;width:100%;} .noscript div {width:1000px;margin:0 auto;padding:12px 0;} .eTitle a,#catmenu li a,#catmenu li a:before,.pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,.plist a,.sidebox a,#casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button,.work-bt,.work-plus a,.tg-list .eTag {-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #cont-top,#cont-top *,.work-img,.work-shad,.work-info,.work-w{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} #loader {position:fixed;width:100%;height:100%;z-index:11111;} #circularG{position:relative;width:64px;height:64px;top:50%;left:50%;margin:-32px 0 0 -32px;} .circularG{position:absolute;width:15px;height:15px;-moz-border-radius:10px;-moz-animation-name:bounce_circularG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:10px;-webkit-animation-name:bounce_circularG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-ms-border-radius:10px;-ms-animation-name:bounce_circularG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:10px;-o-animation-name:bounce_circularG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;border-radius:10px;animation-name:bounce_circularG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:linear;} #circularG_1{left:0;top:25px;-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s;} #circularG_2{left:7px;top:7px;-moz-animation-delay:0.52s;-webkit-animation-delay:0.52s;-ms-animation-delay:0.52s;-o-animation-delay:0.52s;animation-delay:0.52s;} #circularG_3{top:0;left:25px;-moz-animation-delay:0.65s;-webkit-animation-delay:0.65s;-ms-animation-delay:0.65s;-o-animation-delay:0.65s;animation-delay:0.65s;} #circularG_4{right:7px;top:7px;-moz-animation-delay:0.78s;-webkit-animation-delay:0.78s;-ms-animation-delay:0.78s;-o-animation-delay:0.78s;animation-delay:0.78s;} #circularG_5{right:0;top:25px;-moz-animation-delay:0.91s;-webkit-animation-delay:0.91s;-ms-animation-delay:0.91s;-o-animation-delay:0.91s;animation-delay:0.91s;} #circularG_6{right:7px;bottom:7px;-moz-animation-delay:1.04s;-webkit-animation-delay:1.04s;-ms-animation-delay:1.04s;-o-animation-delay:1.04s;animation-delay:1.04s;} #circularG_7{left:25px;bottom:0;-moz-animation-delay:1.17s;-webkit-animation-delay:1.17s;-ms-animation-delay:1.17s;-o-animation-delay:1.17s;animation-delay:1.17s;} #circularG_8{left:7px;bottom:7px;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;} @-moz-keyframes bounce_circularG{ 0%{-moz-transform:scale(1)} 100%{-moz-transform:scale(.3)} } @-webkit-keyframes bounce_circularG{ 0%{-webkit-transform:scale(1)} 100%{-webkit-transform:scale(.3)} } @-ms-keyframes bounce_circularG{ 0%{-ms-transform:scale(1)} 100%{-ms-transform:scale(.3)} } @-o-keyframes bounce_circularG{ 0%{-o-transform:scale(1)} 100%{-o-transform:scale(.3)} } @keyframes bounce_circularG{ 0%{transform:scale(1)} 100%{transform:scale(.3)} } .ico-vk, .ico-twitter, .ico-googleplus, .ico-vimeo, .ico-pinterest, .ico-evernote, .ico-lastfm, .ico-linkedin, .ico-skype, .ico-soundcloud, .ico-tumblr, .ico-dropbox, .ico-instagram, .ico-sina-weibo, .ico-github, .ico-flickr, .ico-facebook, .ico-smashing, .ico-youtube, .ico-rss, .ico-search, .ico-comment, .ico-link, .ico-book, .ico-eye, .ico-clock, .ico-mail, .ico-feather, .ico-paperclip, .ico-popup, .ico-export, .ico-user-add, .ico-vcard, .ico-house, .ico-key, .ico-lock-open, .ico-arrow-right, .ico-untitled, .ico-arrow-right-2 {font-family:'icons';font-size:22px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;} .ico-vk:before {content:"\e000";} .ico-twitter:before {content:"\e001";} .ico-googleplus:before {content:"\e002";} .ico-vimeo:before {content:"\e003";} .ico-pinterest:before {content:"\e004";} .ico-evernote:before {content:"\e005";} .ico-lastfm:before {content:"\e006";} .ico-linkedin:before {content:"\e007";} .ico-skype:before {content:"\e008";} .ico-soundcloud:before {content:"\e009";} .ico-tumblr:before {content:"\e00a";} .ico-dropbox:before {content:"\e00b";} .ico-instagram:before {content:"\e00c";} .ico-flickr:before {content:"\e00d";} .ico-facebook:before {content:"\e00e";} .ico-youtube:before {content:"\e00f";} .ico-rss:before {content:"\e010";} .ico-mail:before {content:"\e011";} .ico-feather:before {content:"\e012";} .ico-paperclip:before {content:"\e013";} .ico-user-add:before {content:"\e014";} .ico-vcard:before {content:"\e015";} .ico-export:before {content:"\e016";} .ico-star:before {content:"\e017";} .ico-comment:before {content:"\e018";} .ico-house:before {content:"\e019";} .ico-popup:before {content:"\e01a";} .ico-search:before {content:"\e01b";} .ico-link:before {content:"\e01c";} .ico-tag:before {content:"\e01d";} .ico-book:before {content:"\e01e";} .ico-eye:before {content:"\e01f";} .ico-calendar:before {content:"\e020";} .ico-key:before {content:"\e021";} .ico-lock-open:before {content:"\e022";} .ico-arrow-right:before {content:"\e023";} .ico-untitled:before {content:"\e024";} .ico-arrow-right-2:before {content:"\e025";} .ico-arrow-down:before {content:"\e026";} .animated{-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}} @-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}} @-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}} @keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}} .rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn} .animated.delay01{-webkit-animation-delay:0.1s;-moz-animation-delay:0.1s;-o-animation-delay:0.1s;animation-delay:0.1s;} .animated.delay02{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-o-animation-delay:0.2s;animation-delay:0.2s;} .animated.delay03{-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;-o-animation-delay:0.3s;animation-delay:0.3s;} .animated.delay04{-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;} .animated.delay05{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s;} .animated.delay06{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;animation-delay:0.6s;} .animated.delay07{-webkit-animation-delay:0.7s;-moz-animation-delay:0.7s;-o-animation-delay:0.7s;animation-delay:0.7s;} .animated.delay08{-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;-o-animation-delay:0.8s;animation-delay:0.8s;} .animated.delay09{-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-o-animation-delay:0.9s;animation-delay:0.9s;} .animated.delay010{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;} .animated.delay011{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-o-animation-delay:1.1s;animation-delay:1.1s;} .animated.delay012{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s;} .animated.delay013{-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;} .animated.delay014{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s;} .animated.delay015{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;} .animated.delay016{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s;} .animated.delay017{-webkit-animation-delay:1.7s;-moz-animation-delay:1.7s;-o-animation-delay:1.7s;animation-delay:1.7s;} .animated.delay018{-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;-o-animation-delay:1.8s;animation-delay:1.8s;} .animated.delay019{-webkit-animation-delay:1.9s;-moz-animation-delay:1.9s;-o-animation-delay:1.9s;animation-delay:1.9s;} .animated.delay020{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;} .animated.delay021{-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;-o-animation-delay:2.1s;animation-delay:2.1s;} .animated.delay022{-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;-o-animation-delay:2.2s;animation-delay:2.2s;} .animated.delay023{-webkit-animation-delay:2.3s;-moz-animation-delay:2.3s;-o-animation-delay:2.3s;animation-delay:2.3s;} .animated.delay024{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s;} .animated.delay025{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s;} .animated.delay026{-webkit-animation-delay:2.6s;-moz-animation-delay:2.6s;-o-animation-delay:2.6s;animation-delay:2.6s;} .animated.delay027{-webkit-animation-delay:2.7s;-moz-animation-delay:2.7s;-o-animation-delay:2.7s;animation-delay:2.7s;} .animated.delay028{-webkit-animation-delay:2.8s;-moz-animation-delay:2.8s;-o-animation-delay:2.8s;animation-delay:2.8s;} .animated.delay029{-webkit-animation-delay:2.9s;-moz-animation-delay:2.9s;-o-animation-delay:2.9s;animation-delay:2.9s;} .animated.delay030{-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s;} .fpost-l {float:left;} .fpost-r {float:right;} .fpost .work-i {margin:0 0 30px;padding:0;float:none;} .fpost .sect-ttl {margin:0 0 20px;} .fpost-m {border-bottom-width:1px;border-bottom-style:solid;} .fpost-tx {line-height:150%;} .fpost-t {padding:20px 0 0;font-size:12px;} .fpost-m div {padding:7px 5px;border-top-width:1px;border-top-style:solid;} .fpost-m div b {font-weight:normal;} .fpost-m div.bl-ct:before {content:"\e01e";} .fpost-m div.bl-au:before {content:"\e012";} .fpost-m div.bl-tg:before {content:"\e01d";} .tg-list {display:block;padding:7px 0 0;} .tg-list .eTag {font-size:11px;display:inline-block;padding:2px 3px;margin:0 1px 1px 0;border-width:1px;border-style:solid;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} #rel-box {padding:20px 0 0;} #rel-box ul,#rel-box li {padding:0;margin:0;list-style:none;} #rel-box li {float:left;width:50%;} #rel-box .rel-w {padding:0 20px 0 0;height:88px;overflow:hidden;} #rel-box .work-i {width:88px;padding:0 20px 0 0;margin:0;} #rel-box .work-img,#rel-box .work-bd,#rel-box .work-shad,#rel-box .work-w,#rel-box .work-info {width:80px;height:80px;} #rel-box .rel-tt {font-family:«f014»;font-size:16px;text-decoration:none;} #rel-box .rel-tx {padding:10px 0 0;font-size:11px;} #rel-box .rel-tx .fpost-tx {line-height:120%;} .comm-i {padding:20px 0 0;} .comm-l {float:left;width:24%;position:relative;padding:20px 0 0;} .comm-l:before {content:"";display:block;position:absolute;width:100px;height:1px;top:0;right:0;} .comm-r {float:right;width:76%;padding:20px 0 0;border-top-width:1px;border-top-style:solid;} .comm-avaw {float:right;width:72px;height:72px;margin:0 20px 0 0;} .comm-ava {width:72px;height:72px;} .comm-dt {font-size:11px;padding:7px 0;} .ans-url {font-size:12px;} .comm-usr {font-family:«f014»;font-size:14px;} .comm-ans {padding:10px 0 0 40px;font-style:italic;} .comm-show {padding:10px 0 0;text-align:right;} .comm-tt {font-size:22px;font-family:«f014»;} .comm-tpg {float:right;font-size:11px;} .comm-pg {text-align:center;font-size:11px;padding:20px 0 10px;} #ph-fl {float:left;width:35%;} #ph-ds {float:right;width:65%;} #ph-ds .comm-tt {padding:0 0 20px;} #ph-near {padding:20px 0 0;height:82px;overflow:hidden;} #ph-near table {width:100%;} #wrapper,#cont-top {width:1200px;} #sidebar {width:260px;} #content {width:840px;} #bottom {width:891px;} .sidebox {width:246px;padding:0 0 0 51px;} .lsep,.rsep {width:346px} .msep {width:108px;} .work-i {width:260px;padding:0 0 30px 30px;} .work-img,.work-bd,.work-shad,.work-w,.work-info {width:254px;height:254px;} .blog-l {width:82px;} .blog-r {width:697px;} .big-i .blog-l {width:150px;} .big-i .blog-r {width:629px;} .big-i .work-i {width:150px;} .big-i .work-img,.big-i .work-bd,.big-i .work-shad,.big-i .work-w,.big-i .work-info {width:144px;height:144px;} .fpost-l {width:260px;} .fpost-r {width:540px;} #ph-near .work-i {width:82px;height:82px;padding:0 0 0 10px;} #ph-near .work-img,#ph-near .work-bd,#ph-near .work-shad,#ph-near .work-w,#ph-near .work-info {width:74px;height:74px;} @media only screen and (max-width:1200px) { #wrapper,#cont-top {width:980px;} #sidebar {width:240px;} #content {width:640px;} #bottom {width:660px;} .sidebox {width:200px;padding:0 0 0 20px;} .lsep,.rsep {width:246px} .msep {width:108px;} .work-i {width:199px;padding:0 0 21px 21px;} .work-img,.work-bd,.work-shad,.work-w,.work-info {width:193px;height:193px;} .blog-l {width:82px;} .blog-r {width:497px;} .big-i .blog-l {width:150px;} .big-i .blog-r {width:429px;} .work-tt {font-size:18px;} #rel-box .rel-tt {font-size:14px;} .fpost-l {width:199px;} .fpost-r {width:411px;} #ph-near {height:62px;} #ph-near .work-i {width:62px;height:62px;padding:0 0 0 8px;} #ph-near .work-img,#ph-near .work-bd,#ph-near .work-shad,#ph-near .work-w,#ph-near .work-info {width:54px;height:54px;} } .no-cssanimations #clone,.no-cssanimations #loader,.no-generatedcontent #social-box,.no-generatedcontent #user-box,.no-generatedcontent .ver-sep {display:none !important;} .no-cssanimations #cont-top .ver-sep,.no-cssanimations #social-box a,.no-cssanimations #user-box a,.no-cssanimations #search {-moz-opacity:1;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
css

Ответы

Здравствуйте, Максим. Лучше бы Вы файл прикрепили. Посмотрите информацию про @media.
Эта переменная определяет всё необходимое по Вашему запросу.
16.01.16

Глеб Черняк

Сейчас на сайте
Читать ответы

✯ Анна ✯

Читать ответы
Посмотреть всех экспертов из раздела Технологии > Графический дизайн
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store