ftimme
2012-05-03 165152caf2e2ecb9625a5cf488cf87a5ea43f189
interface/web/themes/default/css/screen/content_ispc.css
@@ -366,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; }
@@ -910,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);
   }
}