С css работаю совсем недавно сайт: movbase (точка) ru шаблон вот какой использую, но почему не могу изменить ширину средней части, размер отступа между блоками да и окно поиска тоже ужать как то надо.. помогите кому не сложно плиз заранее спасибо @charset "utf-8"; /* CSS Document */ body { background: #E5E5E5 url(../images/top_glow.jpg) no-repeat top center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#231f20; } a{ color:#656565; } small { font-size:11px; } .center_content small{ margin-bottom:20px; float:left; width:100%; } .center_content a { color:#656565; border-bottom:1px dotted #333 !important; } .adverts a { border-bottom:none !important; } .center_content a:hover { color:#231F20; } .wrap { width:1060px; margin:0 auto; } .logo{ width:140px; height:94px; text-indent:-9999em; overflow:hidden; display:block; background:url(../images/logo.png) no-repeat; cursor:pointer; float:left; margin-top:30px; } .content { margin-top:20px; float:left; width:2060px; } .full_content { float:left; width:2060px; } .motto2 { margin-top:1px; background:url(../images/anonym.png) no-repeat; float:left; width:910px; height:510px; padding: 16px 25px; } .motto2 a { background:url(../images/white_btn.png) left top no-repeat; width:120px; height:39px; float:right; font-size:18px; text-align:center; padding-top:10px; color:#8c8c8c; } .motto2 h2 { color:#333; float:left; margin-top:10px; } .motto { margin-top:-20px; background:url(../images/motto_holder.jpg) no-repeat; width:910px; height:39px; float:left; padding: 16px 25px; } .motto a { background:url(../images/white_btn.png) left top no-repeat; width:120px; height:39px; float:right; font-size:18px; text-align:center; padding-top:10px; color:#8c8c8c; } .motto h2 { color:#bdbdbd; float:left; margin-top:10px; } .motto3 { margin-top:1px; background:url(../images/anonym2.png) no-repeat; float:left; width:910px; height:510px; padding: 16px 25px; } .motto3 a { background:url(../images/white_btn.png) left top no-repeat; width:120px; height:39px; float:right; font-size:18px; text-align:center; padding-top:10px; color:#8c8c8c; } .motto3 h2 { color:#333; float:left; margin-top:10px; } .left_box, .right_box { width:450px; margin-top:50px; } .advert { width:450px; } .left_box{ float:left; } .right_box{ float:right; } /* Index tabs ————————————————————-- */ .tabs { float:left; width:450px; margin-top:10px; } .tabs p { font-size:11px; color:#231f20; } .tabs a { font-size:11px; color:#656565; border-bottom:1px dotted #333; } .tabs a:hover { color:#231F20; } .tabs img { margin-right:20px; } .htabs li, .htabssec li{ display:inline; } .htabs li a, .htabssec li a{ display:block; float:left; margin:10px 10px 10px 0px; font-size:11px; color:#656565; } .htabs li a:hover, .htabssec li a:hover, .htabs li a.selected, .htabssec li a.selected{ color:#231f20; text-decoration:underline; } .manu { text-align:left; padding-top:10px; color:#888888; } .manu2 { width:250px; float:right; margin:-80px 0px 0px 0px; } .manu3 { text-align:left; margin:0px 0px 0px 100px; } .manu4 { text-align:left; width:550px; padding-top:10px; color:#888888; } /* Breadcrumb ————————————————————-- */ .breadcrumb { background:url(../images/top_bar.png) left top no-repeat; width:920px; height:49px; padding:0px 20px; margin-bottom:20px; float:left; } .breadcrumb h3 { float:left; color:#e5e5e5; padding-top:15px; } .breadcrumb ul { float:right; } .breadcrumb li { display:inline; } .breadcrumb li a { display:block; float:left; padding:0px 2px; line-height:49px; font-size:11px; color:#e5e5e5; } .left_menu { width:170px; float:left; } .left_menu li a { font-size:18px; color:#231f20; padding:15px 20px 15px 20px; float:left; display:block; width:100%; } .left_menu li a:hover, .left_menu li a.selected { background:url(../images/bullet_selected.jpg) right center no-repeat; } .left_menu .blog li a:hover, .left_menu .blog li a.selected { background:transparent url(../images/divider.gif) repeat-x scroll left bottom; } .center_content { float:right; width:680px; } /* Text elements ————————————————————-- */ h1 { font-size:30px; font-weight:normal; } h2 { font-size:24px; font-weight:normal; } h3 { font-size:18px; font-weight:normal; } h4 { font-size:14px; font-weight:normal; } .center_content h1 { font-size:30px; font-weight:normal; padding:10px 0px; } .center_content h2 { font-size:24px; font-weight:normal; padding:10px 0px; } .center_content h3 { font-size:18px; font-weight:normal; padding:10px 0px; } .center_content h4 { font-size:14px; font-weight:normal; padding:10px 0px; } .contact h3 { padding:15px 0px; } .center_content p { padding:0px 0px 15px 0px; color:#4d4d4d; } .center_content ul, .center_content ol { margin:0px 0px 0px 50px; } .center_content ul li { margin:10px 0px; list-style-type: circle; } .center_content ol li { margin:10px 0px; list-style-type: decimal; } .full_content ul, .center_content ol { margin:0px 0px 0px 50px; } .full_content ul li { margin:10px 0px; list-style-type: circle; } .full_content ol li { margin:10px 0px; list-style-type: decimal; } .blog li h3, .twitter li h3, .flickr li h3 { background:url(../images/bullet_selected.jpg) right center no-repeat; padding:15px 20px 15px 20px; float:left; width:100%; } blockquote p { padding: 0px 15px 0px 0px; font-size: 12px; float: left; background: url(../images/close-quote.gif) bottom right no-repeat; width:100%; color:#4D4D4D; } blockquote { padding: 10px; background: url(../images/open-quote.gif) top left no-repeat; width:100%; margin:20px 0px 0px 0px; display:block; float:left; } blockquote2 p { padding: 0px 15px 0px 0px; font-size: 12px; float: left; background: url(../images/close-quote.gif) bottom right no-repeat; width:100%; color:#4D4D4D; } blockquote2 { padding: 10px; background: url(../images/open-quote.gif) top left no-repeat; width:100%; margin:20px 0px 0px 0px; display:block; float:left; } cite { font-size: 12px; float: right; margin:0px 0px 20px 0px; } address { margin:0px 0px 20px 0px; } .first_col { width:300px; float:left; } .sec_col { width:300px; float:right; } .first_col img, .sec_col img { display:block; margin:10px auto; } div.hr { height: 2px; background:url(../images/divider.gif) top left repeat-x; width:100%; margin:10px 0px; } div.hr hr { display: none; } /* Tables ————————————————————-- */ #box-table-b { border-bottom:7px solid #C8C7C8; border-collapse:collapse; border-top:7px solid #C8C7C8; font-size:12px; margin:20px 0px 20px 0px; text-align:center; width:100%; } #box-table-b th { background:#fff none repeat scroll 0 0; border-left:1px solid #C8C7C8; border-right:1px solid #C8C7C8; font-size:13px; font-weight:normal; padding:8px; } #box-table-b td { border-left:1px solid #C8C7C8; border-right:1px solid #C8C7C8; color:#231F20; padding:8px; } #hor-zebra { border-collapse:collapse; border-top:1px solid #C8C7C8; font-size:12px; margin:20px 0px 20px 0px; text-align:left; width:100%; } #hor-zebra th { font-size:14px; font-weight:normal; padding:10px 8px; } #hor-zebra td { color:#231F20; padding:8px; } #hor-zebra .odd { background:#fff none repeat scroll 0 0; } /* Blog ————————————————————-- */ ul.blog, ul.twitter { margin-bottom:15px; display:block; float:left; width:100%; } .blog li a { font-size:14px; color:#4d4d4d; float:left; width:100%; background:url(../images/divider.gif) left bottom repeat-x; } .blog li a.no_border { background:none; } .blog ul.pagination { display:block; float:left; margin:10px 0; width:100%; } .blog .pagination li { display:inline; } .blog .pagination li a { display:block; width:auto; font-size:18px; background:none; } .blog .pagination li a.previous { float:left; } .blog .pagination li a.next { float:right; } .blog .shadow { background:url(../images/blog_shadow.png) center bottom no-repeat; padding-bottom:18px; } /* Contact ————————————————————-- */ .left_menu.contact { margin-left:20px; } .contact .shadow { background:url(../images/contact_shadow.png) center bottom no-repeat; padding-bottom:18px; } .contact li{ font-size:14px; padding:15px 0; } .contact li.phone { background:url(../images/phone_icn.png) left center no-repeat; padding-left:30px; } .contact li.email { background:url(../images/email_icn.png) left center no-repeat; padding-left:30px; } /* Footer ————————————————————-- */ .footer li{ font-size:11px; padding:5px 10px; } .footer li.phone { background:url(../images/phone_icn_small.png) left 10px no-repeat; padding-left:15px; } .footer li.email { background:url(../images/email_icn_small.png) left 10px no-repeat; padding-left:15px; } .footer { float:left; background:url(../images/divider.gif) top left repeat-x; width:960px; margin:50px 0px; font-size:11px; padding:10px; } .footer p{ float:left; } .footer ul{ float:right; } .footer .counter { float:right; } .footer ul li { display:inline; padding-left:10px; } /* Form ————————————————————-- */ textarea { border:1px solid #BFBFBF; color:#4D4D4D; height:100px; padding:5px; width:430px; } input { border:1px solid #BFBFBF; color:#4D4D4D; float:left; height:24px; padding:5px 5px 0; width:281px; } input.send { background:url(../images/white_btn.png) left center no-repeat; border:0px; width:120px; height:39px; cursor:pointer; margin:20px 0 10px 100px; } input.send2 { background:url(../images/black_btn.png) left center no-repeat; border:0px; width:80px; height:31px; cursor:pointer; margin: 0px 0 10px 20px; font-size:18px; color:#e5e5e5; } label { float:left; width:100px; font-size:14px; } .holder { float:left; clear:both; width:550px; margin:0 0 12px; } .holder1 { float:left; clear:both; width:250px; margin:0 0 12px; } .holder2 { float:left; clear:both; width:450px; height:145px; margin:0 0 12px; } .holder3 { float:left; clear:both; width:450px; margin:0 0 12px; } p.error, p.succes { background:#242021; display:block; float:left; text-align:center; color:#E5E5E5; width:100%; padding:5px; margin:15px 0px 5px 0px; } /* JS animation ————————————————————-- */ /* Clear fix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* Custom settings */ .pagination,.nav-buttons { list-style-type:none; margin:0; padding:0; } .pagination { margin:9px auto; width:80px; } .pagination li,.nav-buttons li { float:left; margin:0 5px; } .pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(../images/pagination.png); background-position:0 0; background-repeat:no-repeat;} .pagination a.active {background-position:0 -12px} li.p { position:absolute; top:200px; left:-50px; } li.n { position:absolute; top:200px; right:-50px; } .advertss { display: inline-block; float:right; margin-bottom: -100px; font-size: 5px; background-color: transparent !important; }
