Updated coding notes.

tbrehm

2012-05-07 4369ab9c58bfc4897833b157796d963e5aea91c8

 interface/web/themes/default/css/screen/content_ispc.css

@@ -261,6 +261,7 @@
   .dashboard-modules.help { background-image: url('../../icons/x32/help.png') !important; }
   .dashboard-modules.domain { background-image: url('../../icons/x32/domain.png') !important; }
   .dashboard-modules.sites { background-image: url('../../icons/x32/sites.png') !important; }
   .dashboard-modules.billing { background-image: url('../../icons/x32/calculator.png') !important; }
   
   .panel_dashboard h2 {
      font-size:20px;
@@ -269,7 +270,7 @@
   /* Image-Replacement */
   .swap { background-repeat:no-repeat; }
   .swap span { display:none; height:16px; } 
   #ir-HeaderLogo { background-image:url("../../images/header_logo.png"); height:28px; } 
   #ir-HeaderLogo { background-image:url("../../images/header_logo.png"); height:32px;margin:0 0 0.2em; } 
   #ir-Yes { background-image:url("../../icons/x16/tick_circle.png"); height:16px; } 
   #ir-No { background-image:url("../../icons/x16/cross_circle.png"); height:16px; } 
     
@@ -365,6 +366,8 @@
   .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"); }
   .iconstxt.icoDownload { background-image: url("../../icons/x16/arrow_270.png"); }
   .iconstxt.icoRestore { background-image: url("../../icons/x16/arrow_circle_225.png"); }
   
   /* Button with icon and without text */
   .icons16 span { display: none; }
@@ -480,6 +483,7 @@
    select.withicons option[value="EE"] { background-image:url(../../icons/flags/ee.png); }
    select.withicons option[value="EG"] { background-image:url(../../icons/flags/eg.png); }
    select.withicons option[value="EH"] { background-image:url(../../icons/flags/eh.png); }
   select.withicons option[value="EL"] { background-image:url(../../icons/flags/gr.png); }
    select.withicons option[value="ER"] { background-image:url(../../icons/flags/er.png); }
    select.withicons option[value="ES"] { background-image:url(../../icons/flags/es.png); }
    select.withicons option[value="ET"] { background-image:url(../../icons/flags/et.png); }
@@ -723,6 +727,7 @@
    select.withicons option[value="ee"] { background-image:url(../../icons/flags/ee.png); }
    select.withicons option[value="eg"] { background-image:url(../../icons/flags/eg.png); }
    select.withicons option[value="eh"] { background-image:url(../../icons/flags/eh.png); }
   select.withicons option[value="el"] { background-image:url(../../icons/flags/gr.png); }
    select.withicons option[value="en"] { background-image:url(../../icons/flags/gb.png); }
    select.withicons option[value="er"] { background-image:url(../../icons/flags/er.png); }
    select.withicons option[value="es"] { background-image:url(../../icons/flags/es.png); }
@@ -768,6 +773,7 @@
    select.withicons option[value="it"] { background-image:url(../../icons/flags/it.png); }
    select.withicons option[value="jm"] { background-image:url(../../icons/flags/jm.png); }
    select.withicons option[value="jo"] { background-image:url(../../icons/flags/jo.png); }
   select.withicons option[value="ja"] { background-image:url(../../icons/flags/jp.png); }
    select.withicons option[value="jp"] { background-image:url(../../icons/flags/jp.png); }
    select.withicons option[value="ke"] { background-image:url(../../icons/flags/ke.png); }
    select.withicons option[value="kg"] { background-image:url(../../icons/flags/kg.png); }
@@ -906,6 +912,87 @@
      max-width: 80%;
      min-width: 680px;
   }
	
   div.subsectiontoggle {
      border:1px solid #ccc;
      font-weight:bold;
      font-size:14px;
      padding-top:10px;
      padding-bottom:0;
      margin-top:5px;
      text-indent:15px;
      cursor:pointer;
      margin-bottom:10px;
      background-color:#f4f4f4;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      -khtml-border-radius:5px;
      -o-border-radius:5px;
      -ms-border-radius:5px;
      border-radius:5px;
   }
   div.subsectiontoggle span{
      display:inline-block;
      margin-bottom:-3px;
      margin-right:10px;
      width:16px;
      height:16px;
      background:url(../../icons/x16/plus_circle_frame.png) top left no-repeat;
   }
   div.subsectiontoggle span.showing{
      background:url(../../icons/x16/minus_circle_frame.png) top left no-repeat;
   }
   div.subsectiontoggle em{
      display:block;
      position:relative;
      left:425px;
      top:-13px;
      margin-bottom:-3px;
      width:13px;
      height:13px;
      background:url(../../images/chevron.png) top left no-repeat;
      -webkit-transform:none;
      -moz-transform:none;
      -khtml-transform:none;
      -o-transform:none;
      -ms-transform:none;
      transform:none;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      -khtml-transition-duration: .2s;
      -o-transition-duration: .2s;
      -ms-transition-duration: .2s;
      transition-duration: .2s;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      -khtml-transition-property: -khtml-transform;
      -o-transition-property: -o-transform;
      -ms-transition-property: -ms-transform;
      transition-property: transform;
   }
   div.subsectiontoggle em.showing{
      display:block;
      position:relative;
      left:425px;
      top:-13px;
      background:url(../../images/chevron.png) top left no-repeat;
      width:13px;
      height:13px;
      -webkit-transform:rotate(90deg);
      -moz-transform:rotate(90deg);
      -khtml-transform:rotate(90deg);
      -o-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
      transform:rotate(90deg);
   }
   div.subsectiontoggle:hover em{
      -webkit-transform:rotate(90deg);
      -moz-transform:rotate(90deg);
      -khtml-transform:rotate(90deg);
      -o-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
      transform:rotate(90deg);
   }

}