Перекрасить админку (css) в цвета ачата

Discussion in 'Болталка' started by x-demon, 20 Jun 2008.

  1. x-demon

    x-demon Elder - Старейшина

    Joined:
    10 Jun 2007
    Messages:
    315
    Likes Received:
    101
    Reputations:
    46
    Бля, я с CSS совсем не дружу =(
    Короче может кто нибудь перекрасить одну админку в цвета ачата? 1 файл css. Буду очень благодарен =)
     
  2. YoYo Factory

    YoYo Factory Elder - Старейшина

    Joined:
    24 Mar 2008
    Messages:
    108
    Likes Received:
    79
    Reputations:
    -5
    А зачем с ней дружить? С ней отлично 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;
    }
    
    
     
  3. x-demon

    x-demon Elder - Старейшина

    Joined:
    10 Jun 2007
    Messages:
    315
    Likes Received:
    101
    Reputations:
    46
    Не идиот =) Там таблица сама по себе бешенная.
     
  4. P(i)n*Fl0p1

    P(i)n*Fl0p1 Elder - Старейшина

    Joined:
    19 Dec 2006
    Messages:
    157
    Likes Received:
    35
    Reputations:
    9
    ну кидай свою таблицу сюды)ща бум смотреть)кто там бешеный) :)
     
  5. x-demon

    x-demon Elder - Старейшина

    Joined:
    10 Jun 2007
    Messages:
    315
    Likes Received:
    101
    Reputations:
    46
    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;
    }
    
     
  6. YoYo Factory

    YoYo Factory Elder - Старейшина

    Joined:
    24 Mar 2008
    Messages:
    108
    Likes Received:
    79
    Reputations:
    -5
    Так это и есть css тут все цвета а ачате есть!
    Чего тебе еще не хватает? :)
     
  7. x-demon

    x-demon Elder - Старейшина

    Joined:
    10 Jun 2007
    Messages:
    315
    Likes Received:
    101
    Reputations:
    46
    Ну вот. Настолько здоровая что в пост не влезла... http://st.x-demon.org/n.css
     
  8. YoYo Factory

    YoYo Factory Elder - Старейшина

    Joined:
    24 Mar 2008
    Messages:
    108
    Likes Received:
    79
    Reputations:
    -5
    Ахаха а кто виноват что она такая большая? :D
    Егорычу напиши скажи что у вас на ачате такой css большой? :D
     
  9. P(i)n*Fl0p1

    P(i)n*Fl0p1 Elder - Старейшина

    Joined:
    19 Dec 2006
    Messages:
    157
    Likes Received:
    35
    Reputations:
    9
    так а терь говори что именно надо изменить?)пример:вон табличка справа внизу
     
  10. x-demon

    x-demon Elder - Старейшина

    Joined:
    10 Jun 2007
    Messages:
    315
    Likes Received:
    101
    Reputations:
    46
    Не на ачате, у меня =)
     
  11. x-demon

    x-demon Elder - Старейшина

    Joined:
    10 Jun 2007
    Messages:
    315
    Likes Received:
    101
    Reputations:
    46
    Базовые цвета. Мелочь то я и сам потом по образцу поправлю... пример где это используется - nn.x-demon.org
     
  12. P(i)n*Fl0p1

    P(i)n*Fl0p1 Elder - Старейшина

    Joined:
    19 Dec 2006
    Messages:
    157
    Likes Received:
    35
    Reputations:
    9
    ясен пень что не ачат я просто пример говорил типа на твоем сайте что бы так говорил)
    ща через 1.5 часа напишу что да как)а то в 12 мамка на обед прийдет а у меня пасуды горы) :D
     
  13. x-demon

    x-demon Elder - Старейшина

    Joined:
    10 Jun 2007
    Messages:
    315
    Likes Received:
    101
    Reputations:
    46
    Черт, в 12 я сваливаю =( к 5 тока буду... Ты напиши тогда что да как - приду, прочту.
     
  14. x-demon

    x-demon Elder - Старейшина

    Joined:
    10 Jun 2007
    Messages:
    315
    Likes Received:
    101
    Reputations:
    46
    Ну что там
     
  15. P(i)n*Fl0p1

    P(i)n*Fl0p1 Elder - Старейшина

    Joined:
    19 Dec 2006
    Messages:
    157
    Likes Received:
    35
    Reputations:
    9
    все замутил ..ток у меня инет сцуко провайдер отрубил ща не со своего компа седня не смогу перекинуть думаю к завтрому починят уроды сраные( :(
     
  16. x-demon

    x-demon Elder - Старейшина

    Joined:
    10 Jun 2007
    Messages:
    315
    Likes Received:
    101
    Reputations:
    46
    Оке, спс.