Бля, я с CSS совсем не дружу =( Короче может кто нибудь перекрасить одну админку в цвета ачата? 1 файл css. Буду очень благодарен =)
А зачем с ней дружить? С ней отлично Dreamweaver дружит! А если серьезно то вот, цвета все есть, надеюсь разберешься: Code: body { background-color: #2B2F34; color: #C1C1C7; font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; margin:0; padding:0; scrollbar-base-color: #f2f2f2; scrollbar-track-color: #f9fafa; scrollbar-face-color: #F1F1F1; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-shadow-color: #C8C8CA; scrollbar-arrow-color: #999999; } a:link { color: #B9B9BD; text-decoration: none; } a:visited { color: #B9B9BD; text-decoration: none; } a:hover, a:active { color: #E7E7EB; text-decoration: none; } .page { background-color: #2B2F34; color: #C1C1C7; } td, th, p, li { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder { background-color: #2B2F34; color: #C1C1C7; } .tcat { background-color: #31333B repeat-x top left; color: #A8A8AD; font: bold 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tcat a:link { color: #A8A8AD; text-decoration: none; } .tcat a:visited { color: #A8A8AD; text-decoration: none; } .tcat a:hover, .tcat a:active { color: #A8A8AD; text-decoration: underline; } .thead { background-color: #31333B repeat-x top left; color: #A5A5B2; font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead a:link { color: #A5A5B2; } .thead a:visited { color: #A5A5B2; } .thead a:hover, .thead a:active { color: #A5A5B2; } .tfoot { background-color: #363940; color: #C1C1C7; } .tfoot a:link { color: #B9B9BD; } .tfoot a:visited { color: #B9B9BD; } .tfoot a:hover, .tfoot a:active { color: #E7E7EB; } .alt1, .alt1Active { background-color: #363940; color: #C1C1C7; } .alt2, .alt2Active { background-color: #44474F; color: #C1C1C7; } .wysiwyg { background-color: #31333B; color: #f7f7f7; font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; border: 1px solid #131619; } textarea, .bginput { background-color: #31333B; color: #B9B9BD; font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; border: 1pt solid #646C71; } .button { background-color: #31333B; color: #B9B9BD; font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; border: 1pt solid #646C71; } select { background-color: #31333B; color: #B9B9BD; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } option, optgroup { font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { color: #f1f1f1; font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .time { color: #A5A5B2; } .navbar { background-color: #2B2F34; color: #C1C1C7; font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #FFFFFF; font-weight: bold; } .fjsel { background-color: #3E5C92; color: #E0E0F6; } .fjdpth0 { background-color: #F7F7F7; color: #000000; } .panel { background-color: #31333B; color: #B9B9BD; padding: 10px; border: 2px solid #000000; } .panelsurround { background-color: #181B16; color: #C1C1C7; border: 1px solid #000000; } legend { color: #FFFFFF; font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #4B4C53 url(fusion/misc/cat_back.gif); color: #F7F7F7; font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 6px 3px 6px; white-space: nowrap; } .vbmenu_control a:link { color: #B5B5B6; text-decoration: none; } .vbmenu_control a:visited { color: #B5B5B6; text-decoration: none; } .vbmenu_control a:hover, .vbmenu_control a:active { color: #B5B5B6; text-decoration: underline; } .vbmenu_popup { background-color: #FFFFFF; color: #000000; border: 1px solid #181B16; text-align: left; } .vbmenu_option { background-color: #323338; color: #CCCCCC; font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; border: 1px solid #181B16; } .vbmenu_option a:link { color: #CCCCCC; text-decoration: none; } .vbmenu_option a:visited { color: #CCCCCC; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active { color: #f7f7f7; text-decoration: none; } .vbmenu_hilite { background-color: #414249; color: #f7f7f7; font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; border: 1px solid #181B16; } .vbmenu_hilite a:link { color: #f7f7f7; text-decoration: none; } .vbmenu_hilite a:visited { color: #f7f7f7; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active { color: #f7f7f7; text-decoration: none; } /* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 11pt; } /* ***** small padding on 'thead' elements ***** */ td.thead, div.thead { padding: 4px; } /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; } /* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; border: 2px solid #181B16 } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } /* ***** don't change the following ***** */ form { display: inline; } label { cursor: default; } .normal { } .inlineimg { vertical-align: middle; } TABLE.border { border-right: 2px solid #000000; border-left: 2px solid #000000; border-bottom: 1px solid #000000; } .info { padding-left: 3px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; background-color: #30333D; border-top: 1px solid #0F1013; border-right: 2px solid #0F1013; border-left: 1px solid #0F1013; border-bottom: 2px solid #0F1013; margin-bottom: 3px; } TABLE.nav { border-right: 1px solid #181B16; border-left: 1px solid #181B16; } .newsd { font-family: verdana, arial, sans-serif; color: #00ff00; font-size:10px } .titlenews { font-family: verdana, arial, sans-serif; font-size:10px } .vbmenu_control2 { color: #F7F7F7; font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 6px 3px 6px; white-space: nowrap; } .vbmenu_control2 a:link { color: #B5B5B6; text-decoration: none; } .vbmenu_control2 a:visited { color: #B5B5B6; text-decoration: none; } .vbmenu_control2 a:hover, .vbmenu_control a:active { color: #B5B5B6; text-decoration: underline; }
Code: * a { text-decoration: none; } div.warning { border: 1px solid #000000; background-color: #F8C9A2; padding: 3px 3px 3px 3px; width: 545px; margin-bottom: 10px; font-family: Geneva,Arial,Helvetica,san-serif; font-size: 11px; } div#locatorHint { position: absolute; display: none; top: 0px; left: 0px; border-style: solid; border-color: #000000; border-width: 1px 1px 1px 1px; background-color: #ffffe1; color: #000000; font-size: 13px; } #newClientTable { width: 910px; margin: 15px 15px 15px 15px; } #passwordRecoveryTable { width: 500px; margin: 15px 15px 15px 15px; } #loginTable { width: 380px; margin: 15px 15px 15px 15px; } #logoutTable { width: 450px; margin: 15px 15px 15px 15px; } #administratorInfo { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px 2px 4px 4px; vertical-align: middle; float: right; position: absolute; top: 0px; left: 0px; height: 14px; color: #000000; z-index: 10; } #dealerChain { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px 2px 4px 4px; vertical-align: middle; position: absolute; top: 0px; right: 14px; height: 14px; color: #000000; z-index: 10; } #userInfo { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 6px 1px 6px 10px; float: right; position: absolute; top: 20px; left: 705px; color: #777777; } #userInfo a { text-decoration: none; border-bottom: 1px dashed #0000ff; } #userInfo #exitButton { border: 1px solid #000000; padding: 1px 3px 1px 3px; background-color: #FFAB44; margin: 0px 4px 0px 7px; height: 30px; } #userInfo #exitButton p { padding-top: 8px; margin-top: 0px; } #userInfo #exitButton p a { text-decoration: underline; border-bottom: 0px dashed #0000ff; } #locator { border: 1px solid #bbbbbb; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 4px 1px 4px 10px; position: absolute; top: 35px; left: 400px; color:#777; background-color: #FFAB44 } #locator table { padding: 0px; margin: 0px; } #pageName { padding: 10px 0px 0px 30px; color: #666677; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 25px; } #rootTable { width: 960px; margin: 15px 15px 15px 15px; } #passwordRecoveryTable #rootCell, #loginTable #rootCell, #logoutTable #rootCell, #newClientTable #rootCell, #rootTable #rootCellWithTopBorder { background-color: #ffffff; text-align: left; vertical-align: top; border: 1px solid #000000; } #rootTable #rootCellWithoutTopBorder { background-color: #ffffff; text-align: left; vertical-align: top; border-style: solid; border-color: #000000; border-width: 0px 1px 1px 1px; } #rootTable #mainTable { margin: 15px 15px 15px 15px; width: 930px; } #rootTable #mainTable td.leftmenu { width: 140px; padding-right: 10px; padding-left: 0px; vertical-align: top; } #rootTable #mainTable td.dataCell { padding-left: 15px; padding-top: 0px; vertical-align: top; } #rootCell p { padding-left: 50px; padding-right: 50px; text-align: justify; } #loginTable #rootCell table.my input { width: 200px; } #logoutTable #rootCell table.my input { width: 152px; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; background-color: white; } /* from main.css - start */ body.main { background-color: #ECF2EF; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; } /* from main.css - end */ #header { border-style:solid; height:16px; font-size:10px; border-color: black; border-width: 1px 0px 1px 0px; background-color: #dedebd; layer-background-color: #D9E7AF; border: 1px none #000000; padding-left:5px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } #header a, #header a:visited{ color: black; } #header a:hover, #header a:over{ color: red; } #header2 { border:0px solid black; width: 100%; height: 70px; font-size:5px; background-image: url(http://st.x-demon.org/perslogo.gif); background-repeat: no-repeat; background-position: 15px; max-width:1000px; width:expression(document.body.clientWidth > 1000? "1000px": "auto" ); } #first { padding: 3px 0; margin-left: 0; margin-top: 0; margin-bottom: 0px; border-bottom: 1px solid #000000; font: bold 12px Verdana, sans-serif; } #first li { list-style: none; margin: 0; display: inline; } #first li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #000; border-bottom: none; background: #dae8b0; text-decoration: none; } #first li a:link { color: #667; } #first li a:visited { color: #667; } #first li a:hover { color: #000; border-color: #227; } #first li a#current { background: #dedebd; color: #111; border-bottom: 1px solid #dedebd; } #first li#active { color: #111; } #first li#active a { background: #dedebd; color: #111; border-bottom: 1px solid #dedebd; } #container1 { background: #dedebd; width: 100%; border-width: 0px 0px 1px 0px; border-color:#000; border-style:solid; } #second { padding: 5px 0px 3px 0px; margin-left: 0; margin-top: 0px; margin-bottom: 0px; font: bold 12px Verdana, Arial, sans-serif; border-bottom: 1px solid #000; } #second li { list-style: none; display: inline; padding: 3px ; margin-left: 3px; margin-right: 2px; border-color: black; border-style: solid; border-width: 1px; background: #005789; } #second li.staffrow { list-style: none; display: inline; padding: 3px ; margin-left: 3px; margin-right: 2px; border-color: black; border-style: solid; border-width: 1px; background: #FFAB44; } #second li.staffrow a { color: #fff; } #second a, span { text-decoration: none; padding-left: 3px; } #second li#active { background: #fff; color: #111; border-bottom: 1px solid #fff; } #second li#active a { color: #111; } #second a:link { color: #eee; } #second a:visited { color: #eee; } #second a:hover { color: #fff; } #second a#current {color: #111;} #navcontainer2 { border-color: black; border-style: solid; width: 700px; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; } #secondcontent { background: #fff; width: 698px; border-width: 0px 1px 1px 1px; border-color:#000; border-style:solid; position: relative; } #title { padding: 12px 0px 5px 0px; margin: 0px 15px 15px 15px; border-color: #cb6608; color: #cb6608; border-bottom: 2px solid #cb6608; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:20px; } /* TABLES */ table.my, p.my, ol.my, div.my { border: 1px solid #7c8b93; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; padding: 0px; } .my td, .my tr { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; padding: 1px 3px 0px 5px; color: #285468; border-right: 1px solid white; border-bottom: 1px solid white; border-top: 0px solid white; border-left: 0px solid white; } .my a, .my a:visited, my a:hover, my a:over { text-decoration: underline; color: blue; } p.my , ol.my, li.my { border: 0px solid white; } ul.contents li, ol.contents li { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; } p { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; } tr.lightrow { background-color: #f7fbff; } tr.darkrow { background-color: #e5e9ef; } tr.yellow{ background-color: yellow; } .headrow tr, .headrow td{ border-right: 0px solid #7c8b93; border-bottom: 1px solid #7c8b93; background-color: #c7cfd7; color: #343434; text-align:center; } .titlerow tr, .titlerow td{ border-right: 1px solid #7c8b93; border-bottom: 1px solid #7c8b93; background-color: #005789; color: #ffffff; text-align:center; padding : 2px 2px 2px 2px; font-weight: bold; } tr.errorrow td{ background-color: #ffd0c7; color: #000000; } tr .successrow td{ background-color: #d0f5c7; color: #000000; } .comment { font-size: 10px; } /* FORMS */ input, select { font-family: verdana,trebuchet,sans-serif; font-size: 10px; border-color: #666666; border-style: solid; border-width: 1px; background-color: #ffffff; } .button { font-family: verdana,trebuchet,sans-serif; font-size: 10px; background-color: #d4d0c8; border-top: 1px solid #FFFFFF; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #FFFFFF; } .error { position: static; width: auto; border: 1px solid #FF0000; padding: 4px; font-family: verdana,trebuchet,sans-serif; font-size: 12px; background-color: #FF6347; text-align: center; margin-bottom: 10px; } .success { width: auto; border: 1px solid #00FF00; padding: 4px; font-family: verdana,trebuchet,sans-serif; font-size: 12px; background-color: #63dd47; text-align: center; margin-bottom: 10px; } .regtext { width: 460px; padding: 4px; font-family: verdana,trebuchet,sans-serif; font-size: 12px; text-align: justify; margin-bottom: 10px; } .radiodark { border-width: 0px ; background-color: #e5e9ef; } .radiolight { border-width: 0px ; background-color: #f7fbff; } .leftmenu, .leftmenu:visited, .leftmenu:link, .leftmenu:hover { font-family: arial, helvetica, sans-serif; font-size:12px; font-weight:bold; color: #285468; margin-bottom: 15px; margin-right: 0px; padding: 0px 0px 0px 0px; text-decoration: underline; } .leftmenu, .leftmenu a:visited, .leftmenu a:link, .leftmenu a:hover { font-family: arial, helvetica, sans-serif; font-size:12px; font-weight:bold; color: #285468; margin-bottom: 15px; margin-right: 0px; padding: 0px 0px 0px 0px; text-decoration: underline; } .leftmenu.selected:link, .leftmenu.selected:visited, .leftmenu.selected:hover { color:#CC0000; text-decoration: none; cursor: default; } a.selected:link, a.selected:visited, a.selected:hover { color:#CC0000; text-decoration: none; cursor: default; } .leftmenu.header { color:#000000; text-decoration: none; cursor: default; } td.leftmenu { border-right: 1px solid #000000; } .rightdiv { border: 0px solid black; width: 180px; padding: 0px 10px 10px 10px; position: absolute; float: right; top: 168px; left: 720px; } .staffrow tr, .staffrow td, li.staffrow { background-color: #FFAB44; color: black; } /* from main.css */ .pagename { font-size:24px; margin: 5px 10px 10px 10px; padding: 0px 10px 10px 10px; border-bottom: 2px solid #cccccc; } .topline { font-size:12px; font-weight: bold; padding: 5px 5px 5px 5px; } a.tab, a.tab:link, a.tab:visited, a.tab:hover { border: 0px solid #000000; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 10px; text-decoration: none; position: relative; font-weight: bold; font-size: 12px; top: 0px; } .secondmenu { /* background-color:#FFFFFF;*/ position: relative; padding: 6px 1em 6px 1em; z-index: 101; border-bottom: 2px solid #cccccc; font-size:11px; font-weight:bold; color:#6599CC; /* color:#2A3F55; */ left: 0px; } a.secondmenu:hover, a.secondmenu:visited, a.secondmenu:link { color:#6599CC; text-decoration:underline; } a.secondmenuselected:hover, a.secondmenuselected:visited, a.secondmenuselected:link { color:#406080; text-decoration:none; } .content { font-size: 12px; padding: 3px; } .breadcrumb { margin: -10px 10px 10px 10px; padding: 3px 0px 3px 0px; border-bottom: 2px solid #cccccc; font-size:14px; color: #888888; } .breadlink:link, .breadlink:hover, .breadlink:visited { color: #888888; text-decoration:underline; } .Table { background: #CCCCCC; background-color : #CCCCCC; border : 0px solid #CCCCCC; text-decoration : none; font-size: 9pt; font-family : arial cyr, helvetica, sans-serif; } .TableHeader { background: #CCCCCC; background-color : #CCCCCC; text-align : left; text-decoration : none; font-size: 10pt; font-weight: bolder; font-family : arial cyr, helvetica, sans-serif; } .Row { background: #eeeeee; background-color : #eeeeee; border : 1px solid #eeeeee; text-align : center; text-decoration : none; font-size: 8pt; font-family : arial cyr, helvetica, sans-serif; } .Data { background: #FEF8E0; background-color : #FEF8E0; border : 1px solid #FEF8E0; text-align : left; text-decoration : none; font-size: 9pt; font-family : arial cyr, helvetica, sans-serif; } div.one, .header.one { background-color:#406080; color: #6599CC; } a.tab.one, a.tab.one:hover, a.tab.one:visited { background-color:#6599CC; color: #eeeeee; z-index: 100; } a.tab.activeone:link, a.tab.activeone:visited, a.tab.activeone:hover { color: #406080; /* background-color:#6599CC; */ background-color:#FFFFFF; cursor:default; } .pagenameone { color: #406080; } .secondmenuone{ /* background-color:#6599CC; */ background-color:#FFFFFF; } div.two, .header.two { background-color:#006666; color: #00B3B3; } a.tab.two, a.tab.two:hover, a.tab.two:visited { background-color:#ffffff; color: #006666; z-index: 100; } a.tab.activetwo:link, a.tab.activetwo:visited, a.tab.activetwo:hover { color: #406080; background-color:#00B3B3; cursor:default; } .pagenametwo { color: #006666; } .secondmenutwo{ background-color: #00B3B3; } div.three, .header.three { background-color:#38677A; color: #5AA5C3; } a.tab.three, a.tab.three:hover, a.tab.three:visited { background-color:#ffffff; color: #38677A; z-index: 100; } a.tab.activethree:link, a.tab.activethree:hover, a.tab.activethree:visited { color: #ffffff; background-color:#5AA5C3; cursor:default; } .pagenamethree { color: #38677A; } .secondmenuthree{ background-color:#5AA5C3; } div.four, .header.four { background-color:#8A7F56; color: #CEBE81; } a.tab.four, a.tab.four:hover, a.tab.four:visited { background-color:#CEBE81; color: #ffffff; z-index: 100; } a.tab.activefour:link, a.tab.activefour:hover, a.tab.activefour:visited { color: #8A7F56; background-color:#FFFFFF; cursor:default; } .pagenamefour { color: #8A7F56; } table.calendarNNSPTable td { padding: 0px; } /* date choosing interface (Flip) */ ul.menu { border-bottom : 1px solid #aaa; margin : 0; padding-bottom : 19px; padding-left : 10px; font-family: arial; } ul.menu li, ul.menu li { display : inline; } ul.menu a:link, ul.menu a:visited { float: left; font-size: 12px; font-weight: normal; line-height: 14px; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; } ul.menu a.inactive:hover { color: #000; background: #bbb; } ul.menu li .active { background-color: #DEDEBD; border-bottom: 1px solid #DEDEBD; color: #000; } ul.menu li .inactive { color: #666; background: #ccc; border-bottom: 1px solid #aaa; } .flickerdiv { border-width: 0px 1px 1px 1px; border-color: #aaa; border-style: solid; padding: 5px; background-color: #DEDEBD; font-family: arial; font-size: 12px; } span.hints { color: #ccbb88; } .pda-link { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; position: absolute; top: 0px; left: 15px; } #logoArea { cursor: pointer; position: absolute; top: 20px; left: 10px; width: 370px; height: 60px; }
Ахаха а кто виноват что она такая большая? Егорычу напиши скажи что у вас на ачате такой css большой?
Базовые цвета. Мелочь то я и сам потом по образцу поправлю... пример где это используется - nn.x-demon.org
ясен пень что не ачат я просто пример говорил типа на твоем сайте что бы так говорил) ща через 1.5 часа напишу что да как)а то в 12 мамка на обед прийдет а у меня пасуды горы)
все замутил ..ток у меня инет сцуко провайдер отрубил ща не со своего компа седня не смогу перекинуть думаю к завтрому починят уроды сраные(