|
|
Forum moderator: bigblog |
uCoz Community For Webmasters Design Customization Background Color |
Background Color |
my design in 1281 i want to change the background Color of my page.
i searched the whole css but didn't find it. Quote article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a { background: #00000; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { margin: 0.67em 0; font-size: 2em; } img { border: 0; } svg:not(:root) { overflow: hidden; } iframe, object, embed { max-width: 100%; } figure { margin: 0; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } button, input, select, textarea { margin: 0; font-family: inherit; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } #uNetRegF td { text-align: left; } /*------------------------------------*\ $General \*------------------------------------*/ html, button, input, select, textarea { color: #6c6c6c; } body { background-color: #00000; font: 15px Arial, sans-serif; line-height: 1.5; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; margin: .4em 0; padding: 0; height: 0; border: 0; border-top: 1px solid #e1e1e1; } img { vertical-align: middle; } fieldset { margin: 0; padding: 0; border: 0; } textarea { resize: vertical; } a { color: #61b3a3; font-family: 'Open Sans', sans-serif; text-decoration: none; } a:hover { text-decoration: underline; } .clr:after { display: table; clear: both; content: ''; } .opened { opacity: .75; } .middle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 40px; max-width: 1200px; color: #3c3c3c; } .sidebar { position: relative; float: left; margin-left: -100%; width: 285px; } .container { float: left; width: 100%; min-height: 1px; } .container.wide-page { float: none; } .content { padding: 0 0 0 320px; } .eBlock img {max-width: 100%;} /*------------------------------------*\ $Button \*------------------------------------*/ input[type="submit"], input[type="reset"], input[type="button"], select { padding: 14px; border: none; background-color: #61b3a3; color: #fff; font: normal 13px Arial, sans-serif; cursor: pointer; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } select { padding: 3px 5px; } .manTable select { max-width: 250px; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, select:hover { background-color: #81c8bd; } input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background-color: #006e63; -webkit-transition: background-color 0s ease; -moz-transition: background-color 0s ease; -ms-transition: background-color 0s ease; -o-transition: background-color 0s ease; transition: background-color 0s ease; } input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled, select:disabled { background-color: #e3e3e3; } .manTdText input[type="button"], .manTd2 input[type="button"], .commTd2 input[type="button"], .manTdBrief input[type="button"], select.codeButtons, input[type="button"].codeButtons, #iplus input[type="button"] { padding: 3px 5px; font-size: 9px; } #cont-shop-invoices input[type="button"], #cont-shop-invoices input[type="submit"] { padding: 3px 5px; font-size: 13px; margin: 2px; } #cont-shop-invoices input[type="text"], #cont-shop-invoices select { margin: 2px; } input[type="button"][id^="bid-"] { margin-left: 3px; padding: 6px; } .manTd2 input[type="text"] { padding: 2px 5px !important; } input[type="text"], input[type="password"], textarea { padding: 4px 10px; background: #fff; font-size: 13px; border: 1px solid #E9E9E9; } textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } input[type="button"]#newPhtBt { width: auto !important; } input[type="button"]#order-button { padding: 0 5px; } /*------------------------------------*\ $Header \*------------------------------------*/ .nav-row { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 40px 0; min-height: 60px; max-width: 1200px; width: 100%; } .logo-lnk { display: inline-block; color: #848484; font-size: 2.666667em; line-height: 60px; font-family: "Kalinga", 'Open Sans' sans-serif; margin-left: 14px; } .logo-lnk:first-letter { color: #fa825a; } .logo-lnk:hover { text-decoration: none; } .show-menu, .show-search, .search-m-bd .searchForm { display: none; } .pic-row { width: 100%; height: 270px; background: #a5e8d6 url('/.s/t/1281/ribbing-sm.jpg') repeat-x 0 100%; text-align: center; } .pic-row.cut { height: 130px; background: #f6ed00 url('http://wietodo.net/NEw_Banner_10102015.jpg') repeat-x 0 0%; } .pic-inner { display: inline-block; margin-top: 16px; height: 222px; background: url('/.s/t/1281/cats.png') no-repeat 0 0; text-align: center; } /*------------------------------------*\ $Menu \*------------------------------------*/ .main-menu { display: block; float: right; } .main-menu ul a:hover + ul {} .main-menu ul { margin: 0; padding: 0; list-style: none; } .main-menu li { position: relative; display: inline-block; text-align: center; } .main-menu a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; padding: 0 15px; color: #000; text-transform: uppercase; font: 300 1em'Open Sans', sans-serif; } .main-menu a:hover, .main-menu .uMenuItemA, .main-menu li.uWithSubmenu:hover > a { color: #fa825a; text-decoration: none; } .main-menu li ul { display: none; } .main-menu li ul a { padding-top: 5px; padding-bottom: 5px; } .main-menu li:hover > ul { position: absolute; top: 100%; right: 0; z-index: 10; display: block !important; padding: 0; } .main-menu li li { display: block; margin: 0; padding: 0; min-width: 80px; width: 100%; } .main-menu li li a { display: block; width: 100%; position: relative; background-color: #00000; } .main-menu .uWithSubmenu > a em { position: absolute; left: 3px; } .main-menu li li { border: 1px solid #e3e3e3; border-top: none; } .main-menu li li:first-child { border-top: 1px solid #e3e3e3; } .main-menu li ul > li { position: relative; } .main-menu li ul li:hover > ul { position: absolute; top: 0; right: 100%; left: inherit; z-index: 10; display: block; padding-right: 5px; border-right: 5px solid transparent; } /*------------------------------------*\ $Paginator \*------------------------------------*/ .switchActive, .switchDigit, .switchBack, .switchNext, .swchItemA, .swchItem { padding: 5px 9px; color: #61b3a3; font: 600 1em'Open Sans', sans-serif; } .switchActive, .swchItemA { border: none; background-color: #81c8bd; color: #000; } .catPages1 { padding-bottom: 10px; } .content .catPages1 { padding: 20px 0 10px; border-top: 1px solid #d5d5d5; } /*------------------------------------*\ $Content \*------------------------------------*/ .eBlock, .gTable { padding-bottom: 45px; } .eBlock { table-layout: fixed; } .eTitle { color: #fa825a; font-weight: 300; font-size: 2.53em; font-family: 'Open Sans', sans-serif; } .eTitle > div { color: #000; } .eTitle a { color: #fa825a; font-weight: 300; } .eTitle a:hover, .catLink:hover { text-decoration: underline; } .eMessage, .cMessage { font-weight: 300; font-family: 'Open Sans', sans-serif; word-break: break-word; } .eMessage { padding-bottom: 20px !important; } .eDetails { font-size: .8em; font-weight: 300; font-family: 'Open Sans', sans-serif; } .eDetails a { font-weight: 600; } .u-star-rating-13 { display: inline-block; } .ed-sep { display: inline-block; padding: 0 5px; } #testBlockD .eTitle { font-size: 1.33em; } .eVariant label { padding-left: 5px; } .e-date, .e-author, .e-reads, .e-comments { white-space: nowrap; } .manFlTitle, .manFlTxt { -webkit-box-sizing: border-box; box-sizing: border-box; } .vep-video-block img {max-width: 100%;} /*------------------------------------*\ $Comment \*------------------------------------*/ .content .cMessage { font-size: 1em; line-height: 1.5; } #allSmiles { font-size: .86667em; } .cMessage .user_avatar { display: block; float: left; overflow: hidden; padding: 0 5px 5px 0; } /*------------------------------------*\ $Sidebar \*------------------------------------*/ .sidebox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; padding: 25px; border: 1px solid #e3e3e3; background-color: #f3f3f3; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #000; } .sidebox-ttl { padding-bottom: 15px; text-align: center; font-size: 1.3333333em; line-height: 1.2; } .sidebox-bd { font-size: .8666667em; } .sidebox-bd li { list-style-position: inside; } .ulb-mid { color: #000; } .calMonthLink { color: #000; font-size: 1.1538em; } .calWday, .calWdaySe, .calWdaySu { color: #fa825a; font-size: .92308em; } .calMday { padding: 3px 5px; border: 5px solid transparent; } .calMdayIsA { cursor: pointer; } .calMdayIsA, .calMdayA { border: 5px solid transparent; border-radius: 5px; background-color: #fa825a; color: #fff; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } .calMdayIsA:hover { background-color: #ffa489; } .calMdayIsA:active { background-color: #ff6d37; -webkit-transition: background-color 0s ease; -moz-transition: background-color 0s ease; -ms-transition: background-color 0s ease; -o-transition: background-color 0s ease; transition: background-color 0s ease; } .calMdayLink { font-weight: bold; } .calMdayIsA .calMdayLink { color: #fff; font-style: normal; } .calMdayIsA .calMdayLink:hover { text-decoration: none; } .archUl { margin: 0; padding: 0; list-style: none; } .cMessage { font-size: 13px; line-height: 1.2; } #mchatBtn { font-size: 9px; padding: 3px 5px; } #mchatNmF { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pollQue { font-size: 1.2308em !important; } .answer { font-size: 13px; } .pollButton { padding: 10px 0; } .pollLnk a { font-size: 1em !important; white-space: nowrap; } .pollTot { font-size: 1em !important; } .cat-blocks.gTable { margin-top: 0; border-top: none; } .cat-blocks.gTable:before { border: none; } .cat-blocks.gTable div { font-size: 13px !important; } .cat-blocks.gTable .forumNameTd { border-top: none; } .cat-blocks.gTable a:hover { text-decoration: underline; } .sidebar .gTableTop, .sidebar .gTableSubTop, .sidebar.forumNameTd { border: none; background-color: transparent; } /*------------------------------------*\ $Search \*------------------------------------*/ .queryField { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px 44px 7px 10px !important; width: 100%; height: 30px; border: 1px solid #e9e9e9; } .searchSbmFl { overflow: hidden; margin: 0 !important; padding: 0 !important; width: 40px; height: 30px; border: none !important; background: #fa825a url('/.s/t/1281/srch.png') no-repeat 50% 50% !important; text-indent: -10000px; } .searchSbmFl:hover { background-color: #ffa489 !important; } .searchSbmFl:active { background-color: #ff6d37 !important; } .search-m-bd { display: none; } .sidebox.srch .searchForm { position: relative; display: block; } .sidebox.srch .searchSbmFl { position: absolute; top: 0px; right: 0px; } /*------------------------------------*\ $Footer \*------------------------------------*/ .footer { width: 100%; background-color: #393939; color: #fff; font-size: .8em; /*12/15*/ min-height: 80px; } .footer a { color: #fff; } .footer .cont-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 25px 40px 0; max-width: 1200px; } .copy { float: left; } .ucoz-copy { float: right; } .login-b { clear: right; float: right; padding-top: 5px; } /*------------------------------------*\ $Forum \*------------------------------------*/ .forumContent { margin: 0 auto; min-width: 800px; } .forum-width { min-width: 800px; } .fFastSearchTd { position: relative; } input[type="text"].fastSearch { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 30px !important; height: 25px; color: #6c6c6c; font-style: normal; } input[type="submit"].fastSearch { overflow: hidden; margin: -14px 0 0; padding: 0; width: 30px; height: 25px; border: none; background-image: url('/.s/t/1281/srch.png'); background-position: 50% 50%; background-repeat: no-repeat; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-indent: -10000px; } input[type="button"].fastNav, input[type="submit"].fastNav, #forum_filter input[type="submit"], .userSchFrm input[type="submit"] { padding: 4px 7px; } #frM60 { padding-top: 10px; } .gTable { border-spacing: 0; border-collapse: collapse; color: #000; font-weight: 300; font-family: 'Open Sans', sans-serif; } .gTableTop { padding-left: 75px; height: 40px; background-color: #a5e8d6; color: #000; font-weight: normal; font-size: 1.33333em; } .gTableTop a, .gTableSubTop a { color: #000; } .forum, .threadLink, .fNavLink, .funcLink, .gTableBody1 a { font-weight: bold; } .gTableSubTop { padding-left: 12px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; text-align: left; background-color: #eeeeee; height: 38px; } .gTableSubTop:first-child { border-left: 0; } .forumIcoTd, .forumNameTd, .forumThreadTd, .forumPostTd, .forumLastPostTd, .threadIcoTd, .threadIcoTd, .threadNametd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadLastPostTd { padding: 20px 12px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } .forumIcoTd, .threadIcoTd:first-child { border-left: none; } .threadsDetails { border-top: 1px solid #e1e1e1; } .funcBlock { color: #000; } #filter_by { margin-right: 5px; } .gTableSubTop { padding-right: 5px; } .forum:hover, .fNavLink:hover, .funcLink:hover, .threadFrmLink:hover, .forumLastPostTd a:hover, .threadLastPostTd a:hover, .threadAuthorLink:hover, .forumOnlineBar a:hover, .forumNamesBar a:hover, .postTable a:hover { text-decoration: underline; } .threadsDetails, .forumOnlineBar { padding-left: 5px; } #allSmiles a { font-size: 13px !important; } #addform input[type="checkbox"] { margin-right: 3px; } .switches { margin-bottom: 3px; } .middle .postTable { border-spacing: 0; border-bottom: 1px solid #e1e1e1; } .postTdTop { border-bottom: 1px solid #e1e1e1; } .postBottom { border-top: 1px solid #e1e1e1; } .postBottom:first-child, .postTdInfo { border-right: 1px solid #e1e1e1; } .gDivRight { border: 1px solid #e1e1e1; } .posttdMessage { border-left: 1px solid #e1e1e1; } .gTableLeft, .postTdInfo { padding-left: 5px; } .forumMemSwch, .forumMemNum { padding: 5px; } .postTdTop { background-color: #eeeeee; } #frM57, #frM58 { padding-top: 5px; } #frM60, .searchSubmitFl, .userSchFrm, #forum_filter { padding-bottom: 5px; } #allSmiles a:hover { text-decoration: underline; } .searchQueryFl { margin-bottom: 5px; } #thread_search_field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 150px !important; } #thread_search_button { margin-top: 0 !important; } /*------------------------------------*\ $Popup \*------------------------------------*/ .popup { min-width: 750px; } .popup-bd input[type="submit"], .popup-bd input[type="button"] { padding: 4px 5px; } .popup-ttl { color: #151515; color: #bfbfbf; vertical-align: center; font-size: 2.666667em; /*40/15*/ font-family: 'Kalinga', 'Open Sans', sans-serif; line-height: 60px; padding-left: 40px; } .popup-ttl:first-letter { color: #FA825A; } .popup-bd { position: relative; padding: 20px; background: url('/.s/t/1281/ribbing-sm.jpg') repeat-x 0 0; font-family: 'Open Sans', sans-serif; } .popup-bd > div { padding-top: 35px; border: 1px solid #d7d7d7; background-color: #fff; } .popup-bd .user_avatar { display: block; margin-right: 10px; padding: 18px; border: 1px solid #d7d7d7; } .udtlb { padding: 0 20px 0 40px; } /*------------------------------------*\ $Media Queries \*------------------------------------*/ @media screen and (max-width: 1100px) { #uEntriesList { text-align: center; } #uEntriesList .uEntryWrap { margin: 0 5px 10px; width: auto!important; } } @media screen and (max-width: 940px) { #utbAllToolbar { display: none; } } @media screen and (max-width: 800px) { .nav-row { position: relative; display: block; padding-bottom: 0; min-height: 45px; text-align: center; } .logo-lnk { display: block; width: auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .show-search { margin-top: 11px; display: block; float: right; width: 30px; height: 30px; margin-left: 20px; background: url('/.s/t/1281/search-mb.png') no-repeat 0 0; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .show-search:hover { opacity: .75; } .search-m-bd { position: relative; float: right; clear: both; padding-bottom: 10px; width: 240px; height: 30px; } .search-m-bd .searchForm { position: relative; display: block; margin-bottom: 10px; } .search-m-bd .searchSbmFl { position: absolute; top: 0px; right: 0px; } /*------ Mobile menu ------*/ .show-menu { margin-top: 11px; float: left; display: inline-block; width: 37px; height: 33px; margin-right: 20px; background: url('/.s/t/1281/menu.png') no-repeat 0 0; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .show-menu:hover { opacity: .75; } .main-menu { position: relative; display: none; margin-top: 35px; margin-bottom: 10px; width: auto; float: none; border: 1px solid #e3e3e3; } .main-menu ul { display: block; } .main-menu .uMenuRoot > li { margin: 0; padding: 0; } .main-menu li { display: block; min-height: 40px; text-align: left; } .main-menu li li, .main-menu li li:first-child { border: none; } .main-menu li ul li:hover ul { padding-right: 0; border-right: none; } .main-menu li a { display: block; margin: 0; padding: 0 0 0 10px; width: 100%; height: 40px; line-height: 40px; } .main-menu a:hover, .main-menu li li a:hover, .main-menu .uMenuItemA { background-color: #f3f3f3; } .main-menu .uMenuRoot li ul { position: static !important; display: block !important; margin: 0; padding: 0; } .main-menu .uMenuRoot li li a { padding: 0 0 0 40px; } .main-menu .uMenuRoot li li li a { padding-left: 70px; } .main-menu li ul li:hover ul { padding-left: 0px; border-left: none; } .main-menu .uWithSubmenu > a em { display: none; } /*------ Mobile menu ------*/ .middle { padding: 40px 0; } .sidebar { float: none; margin-left: 0; width: 100%; } .container { float: none; width: 100%; } .content { padding: 0 40px 10px; } .sidebox.srch .searchForm, .calTable { margin: 0 auto; max-width: 400px; } .sidebox-bd { margin: 0 auto; max-width: 380px; text-align: center; } .archLink { text-decoration: underline; } .archLink:hover { text-decoration: none; } .sidebox-bd > li { list-style: none; } #puzadpn { display: none; } .mchat { float: left; } } @media screen and (max-width: 520px) { .pic-row { height: 130px; background: #A5E8D6 url('/.s/t/1281/ribbing-cut.jpg') repeat-x 0 100%; } .pic-inner { display: none; } } @media screen and (min-width: 801px) { .main-menu { display: inline-block !important; line-height: 60px; } .container.wide-page .content { padding-left: 0; } } @media screen and (min-width: 900px) { .pic-row { height: 440px; background-image: url('http://wietodo.at.ua/whiteUntitled.png'); } .pic-inner { display: inline-block; margin-top: 50px; width: 872px; height: 324px; background: url('/.s/t/1281/cats-big.png') no-repeat 0 0; text-align: center; } } @media screen and (min-width: 1200px) { .nav-row { padding: 0; } .middle, .footer .cont-wrap { padding-right: 0; padding-left: 0; } } |
ethan, you need to replace this code:
Code body { margin: 0; } with this: Code body { margin: 0; background: COLOR; } Color stands for a hexadecimal value like #FFFFFF or a RGB, RGBA or HSL value like rgb(255,255,255). hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau sometimes i lurk here |
You can find colour codes here: http://www.w3schools.com/cssref/css_colornames.asp if you want to change it to a specific colour.
|
Nope it doesn't work i changed it but still
Quote article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; background: 00FFFF; } a { background: #00000; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { margin: 0.67em 0; font-size: 2em; } img { border: 0; } svg:not(:root) { overflow: hidden; } iframe, object, embed { max-width: 100%; } figure { margin: 0; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } button, input, select, textarea { margin: 0; font-family: inherit; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } #uNetRegF td { text-align: left; } /*------------------------------------*\ $General \*------------------------------------*/ html, button, input, select, textarea { color: #6c6c6c; } body { background-color: #00000; font: 15px Arial, sans-serif; line-height: 1.5; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; margin: .4em 0; padding: 0; height: 0; border: 0; border-top: 1px solid #e1e1e1; } img { vertical-align: middle; } fieldset { margin: 0; padding: 0; border: 0; } textarea { resize: vertical; } a { color: #61b3a3; font-family: 'Open Sans', sans-serif; text-decoration: none; } a:hover { text-decoration: underline; } .clr:after { display: table; clear: both; content: ''; } .opened { opacity: .75; } .middle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 40px; max-width: 1200px; color: #3c3c3c; } .sidebar { position: relative; float: left; margin-left: -100%; width: 285px; } .container { float: left; width: 100%; min-height: 1px; } .container.wide-page { float: none; } .content { padding: 0 0 0 320px; } .eBlock img {max-width: 100%;} /*------------------------------------*\ $Button \*------------------------------------*/ input[type="submit"], input[type="reset"], input[type="button"], select { padding: 14px; border: none; background-color: #61b3a3; color: #fff; font: normal 13px Arial, sans-serif; cursor: pointer; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } select { padding: 3px 5px; } .manTable select { max-width: 250px; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, select:hover { background-color: #81c8bd; } input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background-color: #006e63; -webkit-transition: background-color 0s ease; -moz-transition: background-color 0s ease; -ms-transition: background-color 0s ease; -o-transition: background-color 0s ease; transition: background-color 0s ease; } input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled, select:disabled { background-color: #e3e3e3; } .manTdText input[type="button"], .manTd2 input[type="button"], .commTd2 input[type="button"], .manTdBrief input[type="button"], select.codeButtons, input[type="button"].codeButtons, #iplus input[type="button"] { padding: 3px 5px; font-size: 9px; } #cont-shop-invoices input[type="button"], #cont-shop-invoices input[type="submit"] { padding: 3px 5px; font-size: 13px; margin: 2px; } #cont-shop-invoices input[type="text"], #cont-shop-invoices select { margin: 2px; } input[type="button"][id^="bid-"] { margin-left: 3px; padding: 6px; } .manTd2 input[type="text"] { padding: 2px 5px !important; } input[type="text"], input[type="password"], textarea { padding: 4px 10px; background: #fff; font-size: 13px; border: 1px solid #E9E9E9; } textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } input[type="button"]#newPhtBt { width: auto !important; } input[type="button"]#order-button { padding: 0 5px; } /*------------------------------------*\ $Header \*------------------------------------*/ .nav-row { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 40px 0; min-height: 60px; max-width: 1200px; width: 100%; } .logo-lnk { display: inline-block; color: #848484; font-size: 2.666667em; line-height: 60px; font-family: "Kalinga", 'Open Sans' sans-serif; margin-left: 14px; } .logo-lnk:first-letter { color: #fa825a; } .logo-lnk:hover { text-decoration: none; } .show-menu, .show-search, .search-m-bd .searchForm { display: none; } .pic-row { width: 100%; height: 270px; background: #a5e8d6 url('/.s/t/1281/ribbing-sm.jpg') repeat-x 0 100%; text-align: center; } .pic-row.cut { height: 130px; background: #f6ed00 url('http://wietodo.net/NEw_Banner_10102015.jpg') repeat-x 0 0%; } .pic-inner { display: inline-block; margin-top: 16px; height: 222px; background: url('/.s/t/1281/cats.png') no-repeat 0 0; text-align: center; } /*------------------------------------*\ $Menu \*------------------------------------*/ .main-menu { display: block; float: right; } .main-menu ul a:hover + ul {} .main-menu ul { margin: 0; padding: 0; list-style: none; } .main-menu li { position: relative; display: inline-block; text-align: center; } .main-menu a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; padding: 0 15px; color: #000; text-transform: uppercase; font: 300 1em'Open Sans', sans-serif; } .main-menu a:hover, .main-menu .uMenuItemA, .main-menu li.uWithSubmenu:hover > a { color: #fa825a; text-decoration: none; } .main-menu li ul { display: none; } .main-menu li ul a { padding-top: 5px; padding-bottom: 5px; } .main-menu li:hover > ul { position: absolute; top: 100%; right: 0; z-index: 10; display: block !important; padding: 0; } .main-menu li li { display: block; margin: 0; padding: 0; min-width: 80px; width: 100%; } .main-menu li li a { display: block; width: 100%; position: relative; background-color: #00000; } .main-menu .uWithSubmenu > a em { position: absolute; left: 3px; } .main-menu li li { border: 1px solid #e3e3e3; border-top: none; } .main-menu li li:first-child { border-top: 1px solid #e3e3e3; } .main-menu li ul > li { position: relative; } .main-menu li ul li:hover > ul { position: absolute; top: 0; right: 100%; left: inherit; z-index: 10; display: block; padding-right: 5px; border-right: 5px solid transparent; } /*------------------------------------*\ $Paginator \*------------------------------------*/ .switchActive, .switchDigit, .switchBack, .switchNext, .swchItemA, .swchItem { padding: 5px 9px; color: #61b3a3; font: 600 1em'Open Sans', sans-serif; } .switchActive, .swchItemA { border: none; background-color: #81c8bd; color: #000; } .catPages1 { padding-bottom: 10px; } .content .catPages1 { padding: 20px 0 10px; border-top: 1px solid #d5d5d5; } /*------------------------------------*\ $Content \*------------------------------------*/ .eBlock, .gTable { padding-bottom: 45px; } .eBlock { table-layout: fixed; } .eTitle { color: #fa825a; font-weight: 300; font-size: 2.53em; font-family: 'Open Sans', sans-serif; } .eTitle > div { color: #000; } .eTitle a { color: #fa825a; font-weight: 300; } .eTitle a:hover, .catLink:hover { text-decoration: underline; } .eMessage, .cMessage { font-weight: 300; font-family: 'Open Sans', sans-serif; word-break: break-word; } .eMessage { padding-bottom: 20px !important; } .eDetails { font-size: .8em; font-weight: 300; font-family: 'Open Sans', sans-serif; } .eDetails a { font-weight: 600; } .u-star-rating-13 { display: inline-block; } .ed-sep { display: inline-block; padding: 0 5px; } #testBlockD .eTitle { font-size: 1.33em; } .eVariant label { padding-left: 5px; } .e-date, .e-author, .e-reads, .e-comments { white-space: nowrap; } .manFlTitle, .manFlTxt { -webkit-box-sizing: border-box; box-sizing: border-box; } .vep-video-block img {max-width: 100%;} /*------------------------------------*\ $Comment \*------------------------------------*/ .content .cMessage { font-size: 1em; line-height: 1.5; } #allSmiles { font-size: .86667em; } .cMessage .user_avatar { display: block; float: left; overflow: hidden; padding: 0 5px 5px 0; } /*------------------------------------*\ $Sidebar \*------------------------------------*/ .sidebox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; padding: 25px; border: 1px solid #e3e3e3; background-color: #f3f3f3; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #000; } .sidebox-ttl { padding-bottom: 15px; text-align: center; font-size: 1.3333333em; line-height: 1.2; } .sidebox-bd { font-size: .8666667em; } .sidebox-bd li { list-style-position: inside; } .ulb-mid { color: #000; } .calMonthLink { color: #000; font-size: 1.1538em; } .calWday, .calWdaySe, .calWdaySu { color: #fa825a; font-size: .92308em; } .calMday { padding: 3px 5px; border: 5px solid transparent; } .calMdayIsA { cursor: pointer; } .calMdayIsA, .calMdayA { border: 5px solid transparent; border-radius: 5px; background-color: #fa825a; color: #fff; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } .calMdayIsA:hover { background-color: #ffa489; } .calMdayIsA:active { background-color: #ff6d37; -webkit-transition: background-color 0s ease; -moz-transition: background-color 0s ease; -ms-transition: background-color 0s ease; -o-transition: background-color 0s ease; transition: background-color 0s ease; } .calMdayLink { font-weight: bold; } .calMdayIsA .calMdayLink { color: #fff; font-style: normal; } .calMdayIsA .calMdayLink:hover { text-decoration: none; } .archUl { margin: 0; padding: 0; list-style: none; } .cMessage { font-size: 13px; line-height: 1.2; } #mchatBtn { font-size: 9px; padding: 3px 5px; } #mchatNmF { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pollQue { font-size: 1.2308em !important; } .answer { font-size: 13px; } .pollButton { padding: 10px 0; } .pollLnk a { font-size: 1em !important; white-space: nowrap; } .pollTot { font-size: 1em !important; } .cat-blocks.gTable { margin-top: 0; border-top: none; } .cat-blocks.gTable:before { border: none; } .cat-blocks.gTable div { font-size: 13px !important; } .cat-blocks.gTable .forumNameTd { border-top: none; } .cat-blocks.gTable a:hover { text-decoration: underline; } .sidebar .gTableTop, .sidebar .gTableSubTop, .sidebar.forumNameTd { border: none; background-color: transparent; } /*------------------------------------*\ $Search \*------------------------------------*/ .queryField { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px 44px 7px 10px !important; width: 100%; height: 30px; border: 1px solid #e9e9e9; } .searchSbmFl { overflow: hidden; margin: 0 !important; padding: 0 !important; width: 40px; height: 30px; border: none !important; background: #fa825a url('/.s/t/1281/srch.png') no-repeat 50% 50% !important; text-indent: -10000px; } .searchSbmFl:hover { background-color: #ffa489 !important; } .searchSbmFl:active { background-color: #ff6d37 !important; } .search-m-bd { display: none; } .sidebox.srch .searchForm { position: relative; display: block; } .sidebox.srch .searchSbmFl { position: absolute; top: 0px; right: 0px; } /*------------------------------------*\ $Footer \*------------------------------------*/ .footer { width: 100%; background-color: #393939; color: #fff; font-size: .8em; /*12/15*/ min-height: 80px; } .footer a { color: #fff; } .footer .cont-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 25px 40px 0; max-width: 1200px; } .copy { float: left; } .ucoz-copy { float: right; } .login-b { clear: right; float: right; padding-top: 5px; } /*------------------------------------*\ $Forum \*------------------------------------*/ .forumContent { margin: 0 auto; min-width: 800px; } .forum-width { min-width: 800px; } .fFastSearchTd { position: relative; } input[type="text"].fastSearch { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 30px !important; height: 25px; color: #6c6c6c; font-style: normal; } input[type="submit"].fastSearch { overflow: hidden; margin: -14px 0 0; padding: 0; width: 30px; height: 25px; border: none; background-image: url('/.s/t/1281/srch.png'); background-position: 50% 50%; background-repeat: no-repeat; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-indent: -10000px; } input[type="button"].fastNav, input[type="submit"].fastNav, #forum_filter input[type="submit"], .userSchFrm input[type="submit"] { padding: 4px 7px; } #frM60 { padding-top: 10px; } .gTable { border-spacing: 0; border-collapse: collapse; color: #000; font-weight: 300; font-family: 'Open Sans', sans-serif; } .gTableTop { padding-left: 75px; height: 40px; background-color: #a5e8d6; color: #000; font-weight: normal; font-size: 1.33333em; } .gTableTop a, .gTableSubTop a { color: #000; } .forum, .threadLink, .fNavLink, .funcLink, .gTableBody1 a { font-weight: bold; } .gTableSubTop { padding-left: 12px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; text-align: left; background-color: #eeeeee; height: 38px; } .gTableSubTop:first-child { border-left: 0; } .forumIcoTd, .forumNameTd, .forumThreadTd, .forumPostTd, .forumLastPostTd, .threadIcoTd, .threadIcoTd, .threadNametd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadLastPostTd { padding: 20px 12px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } .forumIcoTd, .threadIcoTd:first-child { border-left: none; } .threadsDetails { border-top: 1px solid #e1e1e1; } .funcBlock { color: #000; } #filter_by { margin-right: 5px; } .gTableSubTop { padding-right: 5px; } .forum:hover, .fNavLink:hover, .funcLink:hover, .threadFrmLink:hover, .forumLastPostTd a:hover, .threadLastPostTd a:hover, .threadAuthorLink:hover, .forumOnlineBar a:hover, .forumNamesBar a:hover, .postTable a:hover { text-decoration: underline; } .threadsDetails, .forumOnlineBar { padding-left: 5px; } #allSmiles a { font-size: 13px !important; } #addform input[type="checkbox"] { margin-right: 3px; } .switches { margin-bottom: 3px; } .middle .postTable { border-spacing: 0; border-bottom: 1px solid #e1e1e1; } .postTdTop { border-bottom: 1px solid #e1e1e1; } .postBottom { border-top: 1px solid #e1e1e1; } .postBottom:first-child, .postTdInfo { border-right: 1px solid #e1e1e1; } .gDivRight { border: 1px solid #e1e1e1; } .posttdMessage { border-left: 1px solid #e1e1e1; } .gTableLeft, .postTdInfo { padding-left: 5px; } .forumMemSwch, .forumMemNum { padding: 5px; } .postTdTop { background-color: #eeeeee; } #frM57, #frM58 { padding-top: 5px; } #frM60, .searchSubmitFl, .userSchFrm, #forum_filter { padding-bottom: 5px; } #allSmiles a:hover { text-decoration: underline; } .searchQueryFl { margin-bottom: 5px; } #thread_search_field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 150px !important; } #thread_search_button { margin-top: 0 !important; } /*------------------------------------*\ $Popup \*------------------------------------*/ .popup { min-width: 750px; } .popup-bd input[type="submit"], .popup-bd input[type="button"] { padding: 4px 5px; } .popup-ttl { color: #151515; color: #bfbfbf; vertical-align: center; font-size: 2.666667em; /*40/15*/ font-family: 'Kalinga', 'Open Sans', sans-serif; line-height: 60px; padding-left: 40px; } .popup-ttl:first-letter { color: #FA825A; } .popup-bd { position: relative; padding: 20px; background: url('/.s/t/1281/ribbing-sm.jpg') repeat-x 0 0; font-family: 'Open Sans', sans-serif; } .popup-bd > div { padding-top: 35px; border: 1px solid #d7d7d7; background-color: #fff; } .popup-bd .user_avatar { display: block; margin-right: 10px; padding: 18px; border: 1px solid #d7d7d7; } .udtlb { padding: 0 20px 0 40px; } /*------------------------------------*\ $Media Queries \*------------------------------------*/ @media screen and (max-width: 1100px) { #uEntriesList { text-align: center; } #uEntriesList .uEntryWrap { margin: 0 5px 10px; width: auto!important; } } @media screen and (max-width: 940px) { #utbAllToolbar { display: none; } } @media screen and (max-width: 800px) { .nav-row { position: relative; display: block; padding-bottom: 0; min-height: 45px; text-align: center; } .logo-lnk { display: block; width: auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .show-search { margin-top: 11px; display: block; float: right; width: 30px; height: 30px; margin-left: 20px; background: url('/.s/t/1281/search-mb.png') no-repeat 0 0; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .show-search:hover { opacity: .75; } .search-m-bd { position: relative; float: right; clear: both; padding-bottom: 10px; width: 240px; height: 30px; } .search-m-bd .searchForm { position: relative; display: block; margin-bottom: 10px; } .search-m-bd .searchSbmFl { position: absolute; top: 0px; right: 0px; } /*------ Mobile menu ------*/ .show-menu { margin-top: 11px; float: left; display: inline-block; width: 37px; height: 33px; margin-right: 20px; background: url('/.s/t/1281/menu.png') no-repeat 0 0; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .show-menu:hover { opacity: .75; } .main-menu { position: relative; display: none; margin-top: 35px; margin-bottom: 10px; width: auto; float: none; border: 1px solid #e3e3e3; } .main-menu ul { display: block; } .main-menu .uMenuRoot > li { margin: 0; padding: 0; } .main-menu li { display: block; min-height: 40px; text-align: left; } .main-menu li li, .main-menu li li:first-child { border: none; } .main-menu li ul li:hover ul { padding-right: 0; border-right: none; } .main-menu li a { display: block; margin: 0; padding: 0 0 0 10px; width: 100%; height: 40px; line-height: 40px; } .main-menu a:hover, .main-menu li li a:hover, .main-menu .uMenuItemA { background-color: #f3f3f3; } .main-menu .uMenuRoot li ul { position: static !important; display: block !important; margin: 0; padding: 0; } .main-menu .uMenuRoot li li a { padding: 0 0 0 40px; } .main-menu .uMenuRoot li li li a { padding-left: 70px; } .main-menu li ul li:hover ul { padding-left: 0px; border-left: none; } .main-menu .uWithSubmenu > a em { display: none; } /*------ Mobile menu ------*/ .middle { padding: 40px 0; } .sidebar { float: none; margin-left: 0; width: 100%; } .container { float: none; width: 100%; } .content { padding: 0 40px 10px; } .sidebox.srch .searchForm, .calTable { margin: 0 auto; max-width: 400px; } .sidebox-bd { margin: 0 auto; max-width: 380px; text-align: center; } .archLink { text-decoration: underline; } .archLink:hover { text-decoration: none; } .sidebox-bd > li { list-style: none; } #puzadpn { display: none; } .mchat { float: left; } } @media screen and (max-width: 520px) { .pic-row { height: 130px; background: #A5E8D6 url('/.s/t/1281/ribbing-cut.jpg') repeat-x 0 100%; } .pic-inner { display: none; } } @media screen and (min-width: 801px) { .main-menu { display: inline-block !important; line-height: 60px; } .container.wide-page .content { padding-left: 0; } } @media screen and (min-width: 900px) { .pic-row { height: 440px; background-image: url('http://wietodo.at.ua/whiteUntitled.png'); } .pic-inner { display: inline-block; margin-top: 50px; width: 872px; height: 324px; background: url('/.s/t/1281/cats-big.png') no-repeat 0 0; text-align: center; } } @media screen and (min-width: 1200px) { .nav-row { padding: 0; } .middle, .footer .cont-wrap { padding-right: 0; padding-left: 0; } } |
| |||
| |||