tbrehm
2009-03-04 3fbdb9bd7b59e185fe7efd40c74f009bc4e97d2f
interface/web/themes/default/css/screen/content_ispc.css
@@ -1,234 +1,304 @@
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of ISPConfig elements - ISPConfig 3: default theme
 * (de) Einheitliche Standardformatierungen für ISPConfig-Elemente - ISPConfig 3: default theme
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */
@media all
{
   /* Image-Replacement */
   h1.swap { background-repeat:no-repeat; }
   h1.swap span {display:none;}
   h1#ir-HeaderLogo {
     height:32px;
     background-image:url("../../images/header_logo.png");
   }
   .pageForm_description {
      font-size: 12px;
   }
   /* Tab-Box */
   .tabbox_tabs {
   border-bottom: 1px solid #d3d3d3;
   }
   .tabbox_tabs ul {
   list-style: none;
   padding: 0;
   margin: 0;
   }
   .tabbox_tabs li {
   display: inline;
   margin: 0 2px 0 0;
   }
   .tabbox_tabs a {
   padding: 0 1em;
   text-decoration: none;
   color: black;
   background: #d3d3d3;
   border: 1px solid #d3d3d3;
   }
   .tabbox_tabs a:hover {
   background: #fc0;
   color: #540;
   }
   .tabbox_tabs .active a {
   font-weight: bold;
   color: #ff6600;
   background: #ffffff;
   }
   .pnl_toolsarea fieldset, .pnl_listarea fieldset, .pnl_formarea fieldset {
      border-color: #D0D0D0 -moz-use-text-color -moz-use-text-color;
      border-style: solid none none;
      border-width: 1px medium medium;
      margin: 20px 0;
   }
   .pnl_toolsarea fieldset legend , .pnl_listarea fieldset legend, .pnl_formarea fieldset {
      font-weight: bold;
   }
   .box {
      padding:4px;
      margin: 0 0 20px 0;
   }
   .box_error { border: 4px solid #CC0000; }
   .box_error h1 { color: #CC0000; }
   .box_support {   border: 1px solid #6495ed; }
   .box_support h1 { color: #6495ed; }
   .box_msg { border: 2px solid #6495ed; }
   .box_msg h1 { color: #6495ed; }
   .codeview {
      margin:20px 0;
      padding:2px;
      border: 1px solid #ffcc00;
      background: #fffaea;
      font-family: Consolas, "Lucida Console", "Courier New", monospace;
      font-size: 0.9em;
   }
   /* Lists */
   table.list {
      width: 100%;
      border: 1px solid #d3d3d3 !important;
   }
   table.list thead th { font-size: 10px; }
   table.list tbody { border: 1px solid #d3d3d3 !important; }
   table.list tfoot td { text-align: center;  background: #f8f8f8 url(../../images/lists_tfoot_bg.png) repeat-x bottom left;  padding: 24px 8px 8px 8px; }
   table.list .tbl_row_even { background: #fcfcfc; }
   table.list .tbl_row_uneven { background: #f0f8ff; }
   table.list tr:hover { background: #fffacd; }
   .systemmonitor table {
      border: 1px solid #d3d3d3;
      width: 80%;
      margin-top: 10px;
   }
   .systemmonitor table * td {
      padding: 1px;
      font-weight: normal;
      font-family: Consolas, "Lucida Console", "Courier New", monospace;
      font-size: 0.9em;
   }
   .systemmonitor #system_load {
      width: 40%;
   }
   .systemmonitor #system_services {
      width: 40%;
   }
   .online {
      background-color: #c6d880;
      padding:0px 5px;
   }
   .offline {
      background-color: #d12f19;
      color:#ffffff;
      padding:0px 5px;
   }
   /* BUTTONS */
   .buttons a, .buttons button{
       display:block;
       float:left;
       margin:0 7px 0 0;
       background-color:#f5f5f5;
       border:1px solid #dedede;
       border-top:1px solid #eee;
       border-left:1px solid #eee;
       font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
       font-size:90%;
       line-height:130%;
       text-decoration:none;
       font-weight:bold;
       color:#565656;
       cursor:pointer;
       padding:5px 10px 6px 7px; /* Links */
   }
   .buttons button{
       width:auto;
       overflow:visible;
       padding:4px 10px 3px 7px; /* IE6 */
   }
   .buttons button[type]{
       padding:5px 10px 5px 7px; /* Firefox */
       line-height:17px; /* Safari */
   }
   *:first-child+html button[type]{
       padding:4px 10px 3px 7px; /* IE7 */
   }
   .buttons button img, .buttons a img{
       margin:0 3px -3px 0 !important;
       padding:0;
       border:none;
       width:16px;
       height:16px;
   }
   /* BUTTONS STANDARD */
   button:hover, .buttons a:hover{
       background-color:#dff4ff;
       border:1px solid #c2e1ef;
       color:#336699;
   }
   .buttons a:active{
       background-color:#6299c5;
       border:1px solid #6299c5;
       color:#fff;
   }
   /* BUTTONS POSITIVE */
   button.positive, .buttons a.positive{
       color:#529214;
   }
   .buttons a.positive:hover, button.positive:hover{
       background-color:#E6EFC2;
       border:1px solid #C6D880;
       color:#529214;
   }
   .buttons a.positive:active{
       background-color:#529214;
       border:1px solid #529214;
       color:#fff;
   }
   /* BUTTONS NEGATIVE */
   .buttons a.negative, button.negative{
       color:#d12f19;
   }
   .buttons a.negative:hover, button.negative:hover{
       background-color:#fbe3e4;
       border:1px solid #fbc2c4;
       color:#d12f19;
   }
   .buttons a.negative:active{
       background-color:#d12f19;
       border:1px solid #d12f19;
       color:#fff;
   }
   /* Button with icon and text */
   .iconstxt {
      background-repeat: no-repeat;
      background-position: 4px 4px;
   }
   .iconstxt span { padding-left: 20px; }
   .iconstxt.icoPositive { background-image: url("../../icons/x16/tick_circle_frame.png"); }
   .iconstxt.icoNegative { background-image: url("../../icons/x16/cross_circle_frame.png"); }
   .iconstxt.icoAdd { background-image: url(../../icons/x16/plus_circle_frame.png); }
   .iconstxt.icoKey { background-image: url("../../icons/x16/key.png"); }
   /* Button with icon and without text */
   .icons16 span { display: none; }
   a.icons16 { height: 18px; width: 18px; padding: 0; background-repeat: no-repeat; background-position: 1px 1px;}
   button.icons16 { height: 20px; width: 20px; padding: 0; background-repeat: no-repeat; background-position: 1px 1px;}
   .icons16.icoDelete { background-image: url("../../icons/x16/minus_circle_frame.png"); }
   .icons16.icoFilter { background-image: url(../../icons/x16/funnel.png); }
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of ISPConfig elements - ISPConfig 3: default theme
 * (de) Einheitliche Standardformatierungen f�r ISPConfig-Elemente - ISPConfig 3: default theme
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */
@media all
{
   .pageForm_description {
      font-size: 12px;
   }
   /* Tab-Box */
   .tabbox_tabs {
       border-bottom: 1px solid #d3d3d3;
   }
   .tabbox_tabs ul {
       list-style: none;
       padding: 0;
       margin: 0;
   }
   .tabbox_tabs li {
       display: inline;
       margin: 0 2px 0 0;
   }
   .tabbox_tabs a {
       padding: 0 1em;
       text-decoration: none;
       color: black;
       background: #d3d3d3;
       border: 1px solid #d3d3d3;
   }
   .tabbox_tabs a:hover {
       background: #fc0;
       color: #540;
   }
   .tabbox_tabs .active a {
       font-weight: bold;
       color: #ff6600;
       background: #ffffff;
   }
   .pnl_toolsarea fieldset, .pnl_listarea fieldset, .pnl_formarea fieldset {
      border-color: #D0D0D0 -moz-use-text-color -moz-use-text-color;
      border-style: solid none none;
      border-width: 1px medium medium;
      margin: 20px 0;
   }
   .pnl_toolsarea fieldset legend , .pnl_listarea fieldset legend, .pnl_formarea fieldset {
      font-weight: bold;
   }
   .error {
      color: #FF0000;
      margin-bottom: 10px;
      border-width: 1px;
      border-style: solid;
      border-color: #FF0000;
      padding: 5px;
   }
   .box {
      padding:4px;
      margin: 0 0 20px 0;
   }
   .box_error { border: 4px solid #CC0000; }
   .box_error h1 { color: #CC0000; }
   .box_support { border: 1px solid #6495ed; }
   .box_support h1 { color: #6495ed; }
   .box_msg { border: 2px solid #6495ed; }
   .box_msg h1 { color: #6495ed; }
   .codeview {
      margin:20px 0;
      padding:2px;
      border: 1px solid #ffcc00;
      background: #fffaea;
      font-family: Consolas, "Lucida Console", "Courier New", monospace;
      font-size: 0.9em;
   }
   /* Lists */
   table.list {
      width: 100%;
      border: 1px solid #d3d3d3 !important;
   }
   table.list thead th { font-size: 10px; }
   table.list tbody { border: 1px solid #d3d3d3 !important; }
   table.list tfoot td { text-align: center;  background: #f8f8f8 url(../../images/lists_tfoot_bg.png) repeat-x bottom left;  padding: 24px 8px 8px 8px; }
   table.list .tbl_row_even { background: #fcfcfc; }
   table.list .tbl_row_uneven { background: #f0f8ff; }
   table.list tr:hover { background: #fffacd; }
    /* Password Strength */
    #passBar {
        width: 101px; height: 10px;
        background: url(../../images/meter_bg.gif) repeat-x bottom left;
        margin: 2px 0;
        float: left;
    }
    #passText {
        padding: 0 8px;
        float: left;
    }
   /* Systemmonitor */
    .systemmonitor-state {
      margin: 10px 0;
      font-family: Consolas, "Lucida Console", "Courier New", monospace;
      font-size: 0.9em;
    }
    .systemmonitor-state.state-no_state {
      border-top: 4px solid #95A19F;
      background-color: #FBF6EE;
    }
    .systemmonitor-state.state-unknown {
      border-top: 4px solid #30302e;
      background-color: #cecfc5;
    }
    .systemmonitor-state.state-ok {
      border-top: 4px solid #23fb00;
      background-color: #adffa2;
    }
    .systemmonitor-state.state-info {
      border-top: 4px solid #fdff00;
      background-color: #fdffa2;
    }
    .systemmonitor-state.state-warning {
      border-top: 4px solid #ffa800;
      background-color: #ffda93;
    }
    .systemmonitor-state.state-critical {
      border-top: 4px solid #ff0000;
      background-color: #ffb9b9;
    }
    .systemmonitor-state.state-error {
      border-top: 4px solid #ff0000;
      background-color: #ff7f7f;
    }
    .systemmonitor-device {
        background-repeat: no-repeat;
        background-position: 12px 4px;
        min-height: 80px;
    }
    .systemmonitor-device.device-system { background-image: url("../../icons/x64/network.png"); }
    .systemmonitor-device.device-server { background-image: url("../../icons/x64/server.png"); }
    .systemmonitor-content.icons32 {
      padding:2px 10px 2px 80px;
        background-repeat: no-repeat;
        background-position: 12px 4px;
    }
    .systemmonitor-content.icons32.ico-no_state { /*background-image:url("../../icons/x32/state_no.png"); */ }
    .systemmonitor-content.icons32.ico-unknown { background-image:url("../../icons/x32/state_unknown.png"); }
    .systemmonitor-content.icons32.ico-ok { background-image:url("../../icons/x32/state_ok.png"); }
    .systemmonitor-content.icons32.ico-info { background-image:url("../../icons/x32/state_info.png"); }
    .systemmonitor-content.icons32.ico-warning { background-image:url("../../icons/x32/state_warning.png"); }
    .systemmonitor-content.icons32.ico-critical { background-image:url("../../icons/x32/state_critical.png"); }
    .systemmonitor-content.icons32.ico-error { background-image:url("../../icons/x32/state_error.png"); }
    .systemmonitor-content table {
      border: none;
      margin-top: 10px;
   }
    .systemmonitor-content * .online {
        border: 1px solid #ffffff;
      background-color: #E3FFB8;
        color: #000000;
      padding:0px 5px;
   }
   .systemmonitor-content * .offline {
        border: 1px solid #ffffff;
      background-color: #d12f19;
      color:#ffffff;
      padding:0px 5px;
   }
   /* Image-Replacement */
   .swap { background-repeat:no-repeat; }
   .swap span { display:none; height:16px; }
   #ir-HeaderLogo { background-image:url("../../images/header_logo.png"); height:32px; }
   #ir-Yes { background-image:url("../../icons/x16/tick_circle.png"); height:16px; }
   #ir-No { background-image:url("../../icons/x16/cross_circle.png"); height:16px; }
   /* BUTTONS */
   .buttons a, .buttons button{
       display:block;
       float:left;
       margin:0 7px 0 0;
       background-color:#f5f5f5;
       border:1px solid #dedede;
       border-top:1px solid #eee;
       border-left:1px solid #eee;
       font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
       font-size:90%;
       line-height:130%;
       text-decoration:none;
       font-weight:bold;
       color:#565656;
       cursor:pointer;
       padding:5px 10px 6px 7px; /* Links */
   }
   .buttons button{
       width:auto;
       overflow:visible;
       padding:4px 10px 3px 7px; /* IE6 */
   }
   .buttons button[type]{
       padding:5px 10px 5px 7px; /* Firefox */
       line-height:17px; /* Safari */
   }
   *:first-child+html button[type]{
       padding:4px 10px 3px 7px; /* IE7 */
   }
   .buttons button img, .buttons a img{
       margin:0 3px -3px 0 !important;
       padding:0;
       border:none;
       width:16px;
       height:16px;
   }
   /* BUTTONS STANDARD */
   button:hover, .buttons a:hover{
       background-color:#dff4ff;
       border:1px solid #c2e1ef;
       color:#336699;
   }
   .buttons a:active{
       background-color:#6299c5;
       border:1px solid #6299c5;
       color:#fff;
   }
   /* BUTTONS POSITIVE */
   button.positive, .buttons a.positive{
       color:#529214;
   }
   .buttons a.positive:hover, button.positive:hover{
       background-color:#E6EFC2;
       border:1px solid #C6D880;
       color:#529214;
   }
   .buttons a.positive:active{
       background-color:#529214;
       border:1px solid #529214;
       color:#fff;
   }
   /* BUTTONS NEGATIVE */
   .buttons a.negative, button.negative{
       color:#d12f19;
   }
   .buttons a.negative:hover, button.negative:hover{
       background-color:#fbe3e4;
       border:1px solid #fbc2c4;
       color:#d12f19;
   }
   .buttons a.negative:active{
       background-color:#d12f19;
       border:1px solid #d12f19;
       color:#fff;
   }
   /* Button with icon and text */
   .iconstxt {
      background-repeat: no-repeat;
      background-position: 4px 4px;
   }
   .iconstxt span { padding-left: 20px; }
   .iconstxt.icoPositive { background-image: url("../../icons/x16/tick_circle_frame.png"); }
   .iconstxt.icoNegative { background-image: url("../../icons/x16/cross_circle_frame.png"); }
   .iconstxt.icoAdd { background-image: url(../../icons/x16/plus_circle_frame.png); }
   .iconstxt.icoKey { background-image: url("../../icons/x16/key.png"); }
   .iconstxt.icoDelete { background-image: url("../../icons/x16/minus_circle_frame.png"); }
   /* Button with icon and without text */
   .icons16 span { display: none; }
   a.icons16 { height: 18px; width: 18px; padding: 0; background-repeat: no-repeat; background-position: 1px 1px;}
   button.icons16 { height: 20px; width: 20px; padding: 0; background-repeat: no-repeat; background-position: 1px 1px;}
   .icons16.icoDelete { background-image: url("../../icons/x16/minus_circle_frame.png"); }
   .icons16.icoFilter { background-image: url(../../icons/x16/funnel.png); }
   .icons16.icoEdit { background-image: url("../../icons/x16/wrench.png"); }
   .icons16.icoDbAdmin { background-image: url("../../icons/x16/database.png"); }
   .icons16.icoLoginAs { background-image: url("../../icons/x16/user_go.png"); }
   .icons16.icoWebmailer { background-image: url("../../icons/x16/mails_arrow.png"); }
}