Apr 17th, 2009, 18:11 | 只看该作者 #2 |
超级猛士
注册日期: Oct 2005
帖子: 513
积分:5
精华:3
声望: 23477
|
页面太窄了,哪位大侠能把这个CSS改一改? body { margin: 0pt; padding: 0pt; font-family: Verdana,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 100%; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; } a { color: rgb(34, 57, 64); text-decoration: none; } a:hover { color: rgb(162, 41, 48); } .moreLink { color: rgb(48, 103, 129); } .featureHalfBox a { font-weight: bold; } ul { margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; float: left; position: relative; } ul li { margin: 0px 0px 0px 3px; padding: 0px 0px 6px 14px; list-style-image: none; background-image: url('liarrow.gif'); background-repeat: no-repeat; background-position: left top; font-weight: normal; } .ulWidth { margin: 0px 5px 0px 1px; padding: 2px 5px 5px; overflow: hidden; } .splashBody { background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 769px; margin-left: auto; margin-right: auto; } .splashHeader { margin: 0px 0px 23px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: center; width: 769px; padding-left: 15px; float: left; } #splashSiteName { clear: right; margin-top: 23px; float: right; text-align: right; padding-right: 30px; } .splashContent { background: transparent url('bg.jpg') repeat scroll 0% 0%; height: 210px; } .splashEnglish { margin: 31px 0px 35px 250px; text-align: center; float: left; position: relative; } .splashFrench { margin: 31px 0px 35px 8px; text-align: center; float: left; position: relative; } .splashFooter { margin: 50px 0px 0px; font-size: 1.2em; text-align: center; } #head { padding-left: 20px; padding-bottom: 0px; padding-top: 0px; height: 90px; background-color: rgb(255, 255, 255); width: 759px; } #logo { clear: left; margin-top: 2px; float: left; } #logoSplash { clear: left; margin-top: 12px; float: left; } #siteName { clear: right; margin-top: 23px; float: right; text-align: right; padding-right: 20px; } :first-child + html #siteName { clear: right; margin-top: 24px; float: right; text-align: right; padding-right: 20px; } * html #siteName { clear: right; margin-top: 24px; float: right; text-align: right; padding-right: 20px; } #skipNav { float: left; width: 12em; text-align: center; color: rgb(255, 255, 255); } #skipNav a { color: rgb(255, 255, 255); } #language { background: rgb(172, 181, 181) url('langpatch.gif') no-repeat scroll left bottom; line-height: 5px; float: right; width: 8em; text-align: center; } #language span { padding: 0.75em 2px 0.75em 3px; display: block; margin-left: 1em; } #language a { margin-right: 1em; color: rgb(255, 255, 255); font-weight: normal; text-decoration: underline; } .navArea { border-top: 2px solid rgb(255, 255, 255); margin: 0px; padding: 0px; overflow: hidden; background-color: rgb(255, 255, 255); width: 779px; } .navTile { margin: 0px; background: transparent url('navtile.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 779px; } .navMiddle { margin: 0px; padding: 11px 0px 3px; background: transparent url('navtop.gif') no-repeat scroll 0% 0%; overflow: hidden; text-transform: uppercase; font-weight: bold; width: 779px; text-align: center; color: rgb(153, 153, 153); } .navMiddle a { margin: 0px 13px; padding: 0px; color: rgb(46, 55, 64); } .navMiddle a:hover { color: rgb(162, 41, 48); } .navBottom { margin: 0px; background: rgb(255, 255, 255) url('navbottom.gif') no-repeat scroll 0% 0%; overflow: hidden; padding-bottom: 0px; height: 5px; width: 779px; } .marquee { width: 779px; height: 164px; padding-top: 0px; padding-left: 0px; } .marqueeCrumbSub { background: transparent url('marqueecrumbsub.gif') no-repeat scroll left bottom; overflow: hidden; width: 779px; padding-left: 0px; color: rgb(34, 57, 64); font-weight: bold; text-transform: none; line-height: 10px; } .marqueeCrumbTextsizer { background: transparent url('marqueecrumbtextsizer.jpg') no-repeat scroll left bottom; overflow: hidden; margin-left: 2px; width: 779px; padding-left: 0px; color: rgb(34, 57, 64); font-weight: bold; text-transform: none; line-height: 10px; } .marqueeCrumbSub img { margin: 1px 0px 0px 10px; float: left; } .marqueeCrumbSubText { padding: 5px 0px 5px 5px; float: left; } .textsizer { margin: 0px 10px 0px 0px; float: right; } .sizerText { padding: 4px 4px 0px 0px; float: left; } .textsizer img { margin: 2px 2px 0px; } .navMiddlefr { margin: 0px; padding: 11px 0px 3px; background: transparent url('navtop.gif') no-repeat scroll 0% 0%; overflow: hidden; text-transform: uppercase; font-weight: bold; width: 779px; text-align: center; color: rgb(153, 153, 153); } .navMiddlefr a { margin: 0px 8px; padding: 0px; color: rgb(46, 55, 64); font-weight: bold; text-decoration: none; } .navMiddlefr a:hover { color: rgb(162, 41, 48); } .textsizer_float { float: left; } .textsizer_float img { border: 0pt none ; vertical-align: -30%; } .textsizer_float a { text-decoration: none; } .textsizer a:hover { text-decoration: underline; } .clear { clear: both; line-height: 0px; } .outBox { padding: 2px 1px; float: left; } .boxTile { margin: 0px; background: transparent url('boxtile.gif') repeat-y scroll 0% 0%; width: 174px; } .boxHeader { padding: 0px; background: transparent url('boxheader.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 174px; } .boxHeader h2 { margin: 6px 5px 8px 14px; padding: 0px; color: rgb(34, 57, 64); text-transform: uppercase; font-size: 1em; } .boxAreaTile { margin: 0px 1px; background: transparent url('boxareatile.gif') repeat-x scroll 0% 0%; width: 174px; } .boxBottom { background: transparent url('boxbottom.gif') no-repeat scroll left bottom; overflow: hidden; width: 174px; } .boxList { margin: 0px 5px 0px 1px; overflow: hidden; padding-left: 2px; padding-top: 5px; } .LHImages img { margin: 0px 0px 2px; } .buttonTile { margin: 0px; background: transparent url('buttontile.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 174px; } .buttonTile img { margin: 2px 0px 2px 3px; padding: 0px; float: left; position: relative; } .buttonTop { background: transparent url('buttontop.gif') no-repeat scroll center top; overflow: hidden; width: 174px; } .buttonTileText { margin: 0px; padding: 10px 0px 10px 41px; font-weight: bold; text-transform: uppercase; } .buttonTile a { color: rgb(0, 0, 0); } .buttonTile a:hover { color: rgb(162, 41, 48); } .buttonBottom { margin: 0px; background: transparent url('buttonbottom.gif') no-repeat scroll center bottom; overflow: hidden; width: 174px; } .middleBox { margin: 0px; } .middleBoxImageLeft { margin: 7px 15px 7px 9px; padding: 0px; float: left; position: relative; } .middleBoxContent { margin: 15px 12px; } .middleBoxTile { margin: 0px; padding: 0px; background: transparent url('middleboxtile.gif') repeat-y scroll 0% 0%; width: 418px; } .middleBoxTile1col { margin: 0px; padding: 0px; background: transparent url('middleboxtile1col.gif') repeat-y scroll 0% 0%; width: 775px; } .middleBoxTile2col { margin: 0px; padding: 0px; background: transparent url('middleboxtile2col.gif') repeat-y scroll 0% 0%; width: 596px; } .middleBoxTile h1 { margin: 5px 0px 7px 12px; font-size: 1.1em; text-transform: uppercase; } .middleBoxTile1col h1 { margin: 5px 0px 7px 12px; font-size: 1.1em; text-transform: uppercase; float: left; } .middleBoxTile2col h1 { margin: 5px 0px 7px 12px; font-size: 1.1em; text-transform: uppercase; float: left; } * html .middleBoxTile2col h1 { margin: 5px 0px 7px 6px; font-size: 1.1em; text-transform: uppercase; float: left; } .middleBoxTile h2 { font-size: 1.1em; } .middleBoxTile1col h2 { font-size: 1.1em; } .middleBoxTile2col h2 { font-size: 1.1em; } .middleBoxTile h3 { font-size: 1em; } .middleBoxTile1col h3 { font-size: 1em; } .middleBoxTile2col h3 { font-size: 1em; } .middleMain { font-size: 1em ! important; } .middleSecondary { margin: 5px 0px 7px 12px; text-transform: uppercase; font-size: 1em ! important; } .middleBoxTop { padding: 0px; background: transparent url('middleboxtop.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 418px; } .middleBoxTop1col { padding: 0px; background: transparent url('middleboxtop1col.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 775px; } .middleBoxTop2col { padding: 0px; background: transparent url('middleboxtop2col.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 596px; } .middleIcon { margin: 2px 0px 0px 2px; float: left; } .middleBoxBottom { background: transparent url('middleboxbottom.gif') no-repeat scroll center bottom; overflow: hidden; width: 418px; } .middleBoxBottom1col { background: transparent url('middleboxbottom1col.gif') no-repeat scroll center bottom; overflow: hidden; width: 775px; } .featureAddedNews { float: left; } .featureTitle { font-weight: bold; } .middleButtonTile { margin: 0px; background: transparent url('middlebuttontile.gif') repeat-y scroll 0% 0%; width: 201px; float: left; position: relative; } .middleButtonTile img { padding: 10px 3px 4px 6px; float: left; position: relative; z-index: 11; } .middleButtonTop { background: transparent url('middlebuttontop.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 201px; } .middleButtonTile .middleButtonHeader { margin: 0px; padding: 11px 0px 0px; font-size: 1em; font-weight: normal; } .middleButtonBottom { margin: 0px; background: transparent url('middlebuttonbottom.gif') no-repeat scroll center top; overflow: hidden; width: 201px; height: 6px; } .middleButtonMin { float: left; } .middleButtonText { margin: 0px; padding: 0px; background: transparent url('middlebuttontexttile.gif') repeat-y scroll 0% 0%; width: 118px; float: left; } .middleButtonText .top { margin: 0px; padding: 11px 0px 0px; background: transparent url('middlebuttontexttop.gif') no-repeat scroll center top; } .middleButtonText .topOneLine { margin: 0px; padding: 17px 0px 0px; background: transparent url('middlebuttontexttop.gif') no-repeat scroll center top; } .middleButtonText .bottom { margin: 0px; padding: 0px 5px 11px; background: transparent url('middlebuttontextbottom.gif') no-repeat scroll center bottom; } .middleButtonText .bottomOneLine { margin: 0px; padding: 0px 5px 17px; background: transparent url('middlebuttontextbottom.gif') no-repeat scroll center bottom; } .miniBoxSection { padding: 0px 0px 2px 8px; float: left; } .miniBoxSectionTile { margin: 0px; background: transparent url('miniboxsectiontile.gif') repeat-y scroll 0% 0%; overflow: hidden; float: left; width: 404px; } .midMiniBoxDoubleBottom { background: transparent url('midminiboxdoublebottom.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 404px; height: 6px; clear: both; } .midMiniDashboardSpacer { float: left; position: relative; width: 2px; height: 50px; } .boxSideSearch { background: transparent url('boxsidesearchtile.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 174px; } .boxSideSearch .top { margin: 0px; padding: 10px 0px 0px; background: transparent url('boxsidesearchtop.gif') no-repeat scroll 0% 0%; overflow: hidden; line-height: normal; width: 174px; } .boxSideSearch .bottom { margin: 0px; padding: 0px; background: transparent url('boxsidesearchbottom.gif') no-repeat scroll center bottom; overflow: hidden; line-height: 9px; height: 9px; width: 174px; } .boxSideSearch form { margin: 0px; } .searchshellform { margin: 0px; padding: 0px 0px 0px 8px; } .searchfield { border: 1px solid rgb(127, 157, 185); padding: 4px 2px 0px 3px; font-family: verdana,arial,helvetica,sans-serif; font-size: 100%; margin-left: 4px; height: 15px; width: 124px; } .searchgo { padding: 0px 0px 2px; vertical-align: bottom; } :first-child + html .searchgo { padding: 0px 0px 3px; } * html .searchgo { padding: 0px 0px 3px; } .altSearchBox { margin: 5px 8px 0px 0px; float: right; } .ministerTile { margin: 0px; background: transparent url('ministertile.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 174px; } .ministerTile img { margin: 7px 0px 1px 1px; float: left; position: relative; } .ministerTop { padding: 0px; background: transparent url('ministertop.gif') no-repeat scroll center top; overflow: hidden; width: 174px; } .ministerName { margin: 15px 3px 1px; padding: 0px; color: rgb(34, 57, 64); text-transform: none; font-size: 1em; font-weight: bold; } .ministerBottom { background: transparent url('ministerbottom.gif') no-repeat scroll left bottom; overflow: hidden; width: 174px; } .featureHalfBox { margin: 0px 2px 8px; width: 190px; float: left; } .featureHalfBox ul { margin: 0px 0px 0px 2px; list-style-position: outside; text-indent: 0px; } .featureText { padding: 0px 10px 0px 5px; font-weight: bold; } .featureText img { padding: 2px 8px 6px 2px; } .divBody { background: rgb(232, 235, 232) none repeat scroll 0% 0%; width: 779px; margin-left: auto; margin-right: auto; } .leftColumn { padding: 1px 0px 0px 1px; overflow: hidden; width: 176px; float: left; } .middleColumn { padding: 1px 0px 0px; overflow: hidden; width: 425px; float: left; } .middle2Column { padding: 1px 0px 0px; overflow: hidden; width: 599px; float: left; } .middle1Column { padding: 1px 0px 0px; overflow: hidden; width: 779px; float: left; } .innerMiddleColumn { overflow: hidden; padding-left: 3px; float: left; } .innerMiddleColumn2col { overflow: hidden; padding-left: 1px; float: left; } .innerMiddleColumn1col { overflow: hidden; padding-left: 1px; float: left; } .rightColumn { padding: 1px 0px 0px; overflow: hidden; margin-left: 0px; width: 176px; float: left; } .break { clear: both; } .smallBR { line-height: 0px; } #foot { border-top: 2px solid rgb(255, 255, 255); padding: 12px 0px 25px; background: rgb(242, 243, 243) url('footback.jpg') repeat-x scroll left top; clear: both; text-align: center; } :first-child + html #foot { border-top: 2px solid rgb(255, 255, 255); padding: 12px 0px 25px; background: rgb(242, 243, 243) url('footback.jpg') repeat-x scroll left top; clear: both; text-align: center; } * html #foot { border-top: 2px solid rgb(255, 255, 255); padding: 12px 0px 25px; background: rgb(242, 243, 243) url('footback.jpg') repeat-x scroll left top; clear: both; text-align: center; } .footBody { margin: 4px auto 0px; background: rgb(255, 255, 255) url('foot.gif') no-repeat scroll left top; width: 615px; padding-top: 1em; text-align: center; } .footBodyBottom { margin: 0px auto; background: rgb(255, 255, 255) url('foot.gif') no-repeat scroll left bottom; width: 615px; height: 10px; } .footBody p { margin: 0px; } .footBody b { margin: 0px 0.25em; color: rgb(153, 153, 153); } .footFoot { margin: 4px auto 0px; background: rgb(255, 255, 255) url('footfoot.gif') no-repeat scroll left top; width: 615px; padding-top: 1em; text-align: center; } .footFootBottom { margin: 0px auto; background: rgb(255, 255, 255) url('footfoot.gif') no-repeat scroll left bottom; width: 615px; height: 10px; } .footFoot p { margin: 0px; } .footFoot b { margin: 0px 0.25em; color: rgb(153, 153, 153); } .dateLast { padding-top: 1em; } .nav_handbook_top { text-align: right; } .nav_handbook { background: transparent url('nav_bg1.gif') no-repeat scroll left top; text-align: center; padding-top: 5px; height: 22px; width: 598px; font-weight: bold; } .middleBoxBottom2col { background: transparent none repeat scroll 0% 0%; overflow: hidden; width: 596px; } .callout { border-style: solid outset outset solid; border-color: rgb(198, 207, 176); border-width: 2px; padding: 0px 5px 5px; background-color: rgb(217, 239, 228); font-size: 130%; } .img_left { margin: 0px 5px 5px 0px; float: left; width: 173px; } .img_right { margin: 0px 0px 5px 5px; float: right; width: 173px; } .img_center { clear: both; margin-left: auto; margin-right: auto; width: 570px; } .img_center img { vertical-align: top; } .img_caption { color: rgb(85, 85, 85); font-family: Georgia,"Times New Roman",serif; font-size: 1em; text-align: center; } .middleBoxContent { margin-top: 5px; } .middleBoxContent h1 { margin: 0px; font-size: 2em; float: none; text-transform: none; } * html .middleBoxContent h1 { margin: 0px; font-size: 2em; float: none; text-transform: none; } .middleBoxContent h2 { margin: 1em 0em 0.5em; font-size: 1.5em; } .middleBoxContent h3 { margin: 1em 0em 0.5em; font-size: 1.4em; color: rgb(68, 68, 68); } .middleBoxContent h4 { margin: 1em 0em 0.5em; font-size: 1.3em; color: rgb(102, 102, 102); } .middleBoxContent h5 { margin: 1em 0em 0.5em; font-size: 1.2em; color: rgb(136, 136, 136); } .middleBoxContent h6 { margin: 1em 0em 0.5em; font-size: 1.1em; color: rgb(170, 170, 170); } blockquote { font-style: italic; } .middleBoxContent ul { float: none; } .marqueeCrumbSub { text-transform: none; } .middleBoxContent a { color: rgb(23, 97, 120); font-weight: bold; } .middleBoxContent a:hover { color: rgb(162, 41, 48); } ol { margin: 0px 0px 1em 25px; padding: 0px; } dt { font-weight: bold; } dd { margin: 0px; padding: 0px 0px 1em 20px; } td { vertical-align: top; } caption { font-weight: bold; width: 80%; margin-left: 10%; } table { border: medium none ; width: 80%; margin-bottom: 1em; margin-left: 10%; border-spacing: 0px; } th, td { border-style: solid outset outset solid; border-color: rgb(198, 207, 176); border-width: 2px; } th { background-color: rgb(235, 235, 235); } .boxList h1, .boxList h2 { margin: 1em 0em 0em 0.2em; font-size: 1.2em; text-transform: none; } .boxList { margin-bottom: 1em; } /* ::::: http://www.mto.gov.on.ca/css/handbook_rev.css ::::: */ .body2GradBoxTop_handbook { background: transparent url('main_top.gif') no-repeat scroll left top; height: 104px; width: 600px; font-weight: bold; } .nav_handbook { background: transparent url('nav_bg.gif') no-repeat scroll left top; height: 40px; width: 600px; font-weight: bold; } .bodyGradBoxBotSub { background: transparent url('bodyboxgradsub.gif') no-repeat scroll left bottom; width: 422px; } .mainbody_handbook { background: transparent url('body_bg.gif') repeat-y scroll left bottom; width: 600px; } .bodyInDiv { padding: 5px 0px 0px 7px; } .featureText_handbook { padding: 0px 0px 10px 5px; width: 570px; } .previous_handbook { margin: -5px 0pt 0pt; padding: 0pt 0pt 0pt 200px; float: left; } .next_handbook { margin: -5px 0pt 0pt; padding: 0pt 200px 0pt 0pt; float: right; } #title_handbook { position: relative; font-size: 200%; font-weight: normal; color: rgb(255, 255, 255); height: 53px; } #title_handbook div { padding-left: 7px; padding-right: 130px; position: absolute; bottom: 0pt; } .bodyimage_handbook { font-size: 110%; width: 100%; height: auto; padding-bottom: 5px; } .bodyimage_left_handbook { width: 395px; position: relative; float: left; } .bodyimage_right_handbook { width: 170px; position: relative; float: right; } .bodychapter_right_handbook { width: 170px; padding-top: 20px; padding-bottom: 20px; position: relative; float: right; font-size: 110%; line-height: 140%; } .body_handbook { font-size: 110%; width: 395px; padding-bottom: 10px; } .subtitle_handbook { padding-top: 10px; padding-left: 10px; padding-right: 150px; font-size: 140%; font-weight: bold; } .bot { height: 1px; line-height: 1px; clear: both; } h4.h4_handbook { font-size: 100%; } h3.h3_handbook { font-size: 120%; } h2.h2_handbook { font-size: 160%; } .img_caption_handbook { font-size: 100%; text-align: center; color: rgb(204, 102, 51); padding-bottom: 5px; } |
|