themes/enanium/css/babygrand.css
changeset 1050 94d835500d5b
parent 1045 ce069a06906c
child 1057 183111d8c46a
equal deleted inserted replaced
1049:9bf901e1de42 1050:94d835500d5b
     1 /**
     1 /**
     2  * Enanium - Baby Grand
     2  * Enanium - Baby Grand
     3  * Polished black default theme for Enano CMS
     3  * Polished black default theme for Enano CMS
     4  * Copyright (C) 2009 Dan Fuhry
     4  * Copyright (C) 2009 Dan Fuhry
     5  */
     5  */
     6 
       
     7 /* Includes */
       
     8 @import url(../css-extra/jbox.css);
       
     9 @import url(../css-extra/toolbar.css);
       
    10 
     6 
    11 /* Core definitions - structure */
     7 /* Core definitions - structure */
    12 
     8 
    13 html, body {
     9 html, body {
    14   margin: 0;
    10   margin: 0;
   436 
   432 
   437 div.tblholder th a {
   433 div.tblholder th a {
   438   text-decoration: underline;
   434   text-decoration: underline;
   439   color: #f0f0f0 !important;
   435   color: #f0f0f0 !important;
   440 }
   436 }
       
   437 
       
   438 /*
       
   439  * jBox menu system
       
   440  */
       
   441 
       
   442 div.menu, div.menu_nojs {
       
   443   background-image: url(../images/jbox.gif);
       
   444   background-repeat: repeat-x;
       
   445   background-color: #303030;
       
   446   font-size: 7pt;
       
   447   border-width: 0;
       
   448 }
       
   449 .menu_bg {
       
   450   background-color: #303030;
       
   451 }
       
   452 div.menu ul, div.menu_nojs ul {
       
   453   display: none;
       
   454   position: absolute;
       
   455   padding: 0;
       
   456   margin: 0 !important;
       
   457   background-color: #303030;
       
   458   border-width: 0;
       
   459   min-width: 120px;
       
   460   text-transform: lowercase;
       
   461 }
       
   462 div.menu a, div.menu div.label, div.menu_nojs a, div.menu_nojs div.label {
       
   463   padding: 2.5pt 5px;
       
   464   margin-right: 3px;
       
   465   text-decoration: none;
       
   466   display: block;
       
   467   float: left;
       
   468   color: #b2b2b2;
       
   469 }
       
   470 div#content-wrapper div.menu a, div#content-wrapper div.menu_nojs a {
       
   471   color: #b2b2b2;
       
   472 }
       
   473 div.menu div.label, div.menu_nojs div.label {
       
   474   color: #808080;
       
   475   cursor: default;
       
   476 }
       
   477 div.menu span.sep, div.menu_nojs span.sep {
       
   478   display: block;
       
   479   float: left;
       
   480   width: 5px;
       
   481 }
       
   482 div.menu div.multopts, div.menu_nojs div.multopts {
       
   483   line-height: 17pt;
       
   484 }
       
   485 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label {
       
   486   float: none;
       
   487   display: inline;
       
   488 }
       
   489 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover, div.menu_nojs a.liteselected, div.menu_nojs a.liteselected:hover, div.menu_nojs a:hover {
       
   490   color: #c9c9c9;
       
   491   background-color: #484848;
       
   492   background-image: url(../images/jbox.gif);
       
   493   background-position: 0 -32px;
       
   494   background-repeat: repeat-x;
       
   495 }
       
   496 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] {
       
   497   border-width: 0;
       
   498   font-size: 9pt;
       
   499   padding: 2px 5px 3px 5px;
       
   500   max-width: 70px;
       
   501   color: #a9a9a9;
       
   502   background-color: #191919;
       
   503 }
       
   504 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover {
       
   505   background-color: #292929;
       
   506 }
       
   507 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus {
       
   508   background-color: #373737;
       
   509 }
       
   510 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] {
       
   511   border-width: 0;
       
   512   font-size: 9pt;
       
   513   padding: 3px 5px;
       
   514   max-width: 70px;
       
   515 }
       
   516 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover, div.menu_nojs a.selected, div.menu_nojs a.selected:hover {
       
   517   color: #202020;
       
   518   background-color: #FFFFFF;
       
   519 }
       
   520 div.menu a.current:hover, div.menu a.selected:hover, div.menu a.current.liteselected,
       
   521 div.menu_nojs a.current:hover, div.menu_nojs a.selected:hover, div.menu_nojs a.current.liteselected {
       
   522   background-position: 0 -64px;
       
   523 }
       
   524 div.menu ul li, div.menu_nojs ul li {
       
   525   list-style: none;
       
   526 }
       
   527 div.menu ul a, div.menu_nojs ul a {
       
   528   float: none;
       
   529   margin: 0;
       
   530 }
       
   531 
       
   532 /* toolbar */
       
   533 
       
   534 div.toolbar {
       
   535   border: 1px solid #3b619c;
       
   536   background-color: #D0D0D0;
       
   537   background-image: url(../../oxygen/images/bleu/sprite-horiz.gif);
       
   538   background-position: 0 -90px;
       
   539   padding: 1px 0;
       
   540   height: 22px;
       
   541   font-family: arial, sans-serif;
       
   542   font-size: 8pt;
       
   543 }
       
   544 div.toolbar ul {
       
   545   margin: 0;
       
   546   padding: 0;
       
   547 }
       
   548 div.toolbar ul li {
       
   549   list-style: none;
       
   550   margin: 0;
       
   551   float: left;
       
   552 }
       
   553 div.toolbar a img {
       
   554   opacity: 0.6;
       
   555 }
       
   556 div.toolbar a:hover img, div.toolbar a:focus img {
       
   557   opacity: 1;
       
   558 }
       
   559 div.toolbar a {
       
   560   display: block;
       
   561   padding: 2px;
       
   562   border: 1px solid transparent;
       
   563   cursor: default;
       
   564   width: auto;
       
   565   color: #000000 !important;
       
   566   margin: 0 2px;
       
   567   max-height: 16px;
       
   568   text-decoration: none;
       
   569 }
       
   570 div.toolbar a:hover, div.toolbar a:focus {
       
   571   border: 1px solid #000080;
       
   572   background-color: #ceceed;
       
   573   background-image: url(../../oxygen/images/bleu/sprite-horiz.gif);
       
   574   background-position: 0 -118px;
       
   575   color: #000000 !important;
       
   576   text-decoration: none;
       
   577 }
       
   578 div.toolbar a:active {
       
   579   background-color: #E0E0E0;
       
   580   background-position: 0 -138px;
       
   581 }
       
   582 div.toolbar img {
       
   583   margin: 0;
       
   584   padding: 0;
       
   585   display: inline;
       
   586   border-width: 0px;
       
   587 }
       
   588 div.toolbar a span {
       
   589   position: relative;
       
   590   top: -3px !important;
       
   591 }
       
   592 div.toolbar a span.noimage {
       
   593   position: relative;
       
   594   top: 0px !important;
       
   595   height: 16px !important;
       
   596   display: block;
       
   597   padding-left: 2px !important;
       
   598 }
       
   599 div.toolbar li span {
       
   600   padding-left: 4px;
       
   601   padding-right: 2px;
       
   602   position: relative;
       
   603   top: 4px;
       
   604 }
       
   605 
       
   606 /* vertical toolbar */
       
   607 div.toolbar_vert {
       
   608   border: 1px solid #82aae2;
       
   609   background-color: #c9ddf8;
       
   610   padding: 2px 0;
       
   611 }
       
   612 div.toolbar_vert ul {
       
   613   margin: 0;
       
   614   padding: 0;
       
   615 }
       
   616 div.toolbar_vert ul li {
       
   617   list-style: none;
       
   618   margin: 0;
       
   619 }
       
   620 div.toolbar_vert a img {
       
   621   opacity: 0.6;
       
   622   /*filter: alpha(opacity=60);*/
       
   623 }
       
   624 div.toolbar_vert a:hover img {
       
   625   opacity: 1;
       
   626   /*filter: alpha(opacity=100);*/
       
   627 }
       
   628 div.toolbar_vert a {
       
   629   display: block;
       
   630   padding: 2px;
       
   631   border: 1px solid transparent;
       
   632   cursor: default;
       
   633   width: auto;
       
   634   color: #000000 !important;
       
   635   margin: 0 2px;
       
   636   max-height: 16px;
       
   637   text-decoration: none;
       
   638 }
       
   639 div.toolbar_vert a:hover {
       
   640   border: 1px solid #202090;
       
   641   background-color: #ceceed;
       
   642   color: #000000 !important;
       
   643   text-decoration: none;
       
   644   background-image: url(../../oxygen/images/bleu/sprite-horiz.gif);
       
   645   background-position: 0 -118px;
       
   646 }
       
   647 div.toolbar_vert a:active {
       
   648   border: 1px solid #A0A0A0;
       
   649   background-color: #E0E0E0;
       
   650 }
       
   651 div.toolbar_vert img {
       
   652   margin: 0;
       
   653   padding: 0;
       
   654   display: inline;
       
   655   border-width: 0px;
       
   656 }
       
   657 div.toolbar_vert a span {
       
   658   position: relative;
       
   659   top: -4px;
       
   660 }
       
   661 div.toolbar_vert li span {
       
   662   padding-left: 2px;
       
   663   padding-right: 5px;
       
   664 }
       
   665 
       
   666 div.toolbar_vert li > span {
       
   667   display: block;
       
   668   padding: 4px 5px;
       
   669 }
       
   670