- Added circle access control so that 1) a reseller can create circles that...

ftimme

2012-05-24 80bee61fcda7e0f8e09e2f286514537c8555beef

 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,342 @@
      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);
   }
	
   div.gs-container{
      margin-top:10px;
   }
   div.gs-container *{
      margin: 0;
      padding: 0;
      background-position: 0 0;
      text-decoration: none;
      font-size: 1em;
   }
   div.gs-container input{
      height:20px;
      border:1px solid #444;
      padding:0 5px 2px 5px;
      color:#444;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      -khtml-border-radius:5px;
      -o-border-radius:5px;
      -ms-border-radius:5px;
      border-radius:5px;
   }
   input.gs-loading{
      background-image: url(../../icons/x16/loading.gif);
      background-repeat: no-repeat;
      background-position: center right;
   }
   ul.gs-resultbox{
      margin: 0 !important;
      padding: 0 !important;
      width: 300px;
      z-index: 999999;
      border: 1px solid #777;
      font-size: 11px;
      background: #fff;
      -moz-box-shadow: 2px 2px 5px 0 #c5c5c5;
      -webkit-box-shadow: 2px 2px 5px 0 #c5c5c5;
      -khtml-box-shadow: 2px 2px 5px 0 #c5c5c5;
      -o-box-shadow: 2px 2px 5px 0 #c5c5c5;
      -ms-box-shadow: 2px 2px 5px 0 #c5c5c5;
      box-shadow: 2px 2px 5px 0 #c5c5c5;
      list-style: none;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      -khtml-border-radius:5px;
      -o-border-radius:5px;
      -ms-border-radius:5px;
      border-radius:5px;
   }
   ul.gs-resultbox li{
      float: left;
      width: 100%;
      clear: both;
      cursor: pointer;
   }
   ul.gs-resultbox li.gs-cheader{
      height: 13px;
      overflow: hidden;
      padding: 5px 0;
      color: #fff;
      background: #6ea6d1;
      cursor:default;
      padding-bottom:10px;
   }
   ul.gs-resultbox li.gs-cheader p.gs-cheader-title{
      margin: 0 !important;
      padding: 0 0 0 10px !important;
      float: left;
      font-size: 12px;
      font-weight: bold;
   }
   ul.gs-resultbox li.gs-cheader p.gs-cheader-limit{
      margin: 0 !important;
      padding: 0 10px 0 0 !important;
      float: right;
      font-size: 11px;
      font-weight: normal;
   }
   ul.gs-resultbox li.gs-cdata{
      margin: 0 !important;
      padding: 0 !important;
      border-bottom: 1px solid #c5c5c5;
   }
   ul.gs-resultbox li.gs-cdata:last-child{
      border-bottom: none;
   }
   ul.gs-resultbox li.gs-cdata:hover{
      background: #eaf4fd;
   }
   ul.gs-resultbox li.gs-cdata a{
      display: block;
      padding: 5px 10px;
      text-decoration: none !important;
      background: #fff;
   }
   ul.gs-resultbox li.gs-cdata a:hover{
      background: #cde0ff;
   }
   ul.gs-resultbox li.gs-cdata img{
      margin-right: 12px;
   }
   ul.gs-resultbox li.gs-cdata p{
      margin: 0 !important;
      padding: 0 !important;
      color: #444;
      font-size: 10px;
      min-height:30px;
   }
   ul.gs-resultbox li.gs-cdata p span.gs-cdata-title{
      display: inline !important;
      margin: 0 !important;
      padding: 0 !important;
      font-size: 11px;
      font-weight: bold;
      color: #000;
   }
   ul.gs-resultbox li:first-child{
      -moz-border-radius:5px 5px 0 0;
      -webkit-border-radius:5px 5px 0 0;
      -khtml-border-radius:5px 5px 0 0;
      -o-border-radius:5px 5px 0 0;
      -ms-border-radius:5px 5px 0 0;
      border-radius:5px 5px 0 0;
   }
   ul.gs-resultbox li:last-child{
      -moz-border-radius:0 0 5px 5px;
      -webkit-border-radius:0 0 5px 5px;
      -khtml-border-radius:0 0 5px 5px;
      -o-border-radius:0 0 5px 5px;
      -ms-border-radius:0 0 5px 5px;
      border-radius:0 0 5px 5px;
   }
	
   div.df-container{
   }
   div.df-container *{
      margin: 0;
      padding: 0;
      background-position: 0 0;
      text-decoration: none;
      font-size: 1em;
   }
   div.df-container input{
   }
   input.df-loading{
      background-image: url(../../icons/x16/loading.gif);
      background-repeat: no-repeat;
      background-position: center right;
   }
   ul.df-resultbox{
      margin: 0 !important;
      padding: 0 !important;
      min-width: 250px;
      max-width: 500px;
      z-index: 999999;
      border: 1px solid #777;
      font-size: 11px;
      background: #fff;
      -moz-box-shadow: 2px 2px 5px 0 #c5c5c5;
      -webkit-box-shadow: 2px 2px 5px 0 #c5c5c5;
      -khtml-box-shadow: 2px 2px 5px 0 #c5c5c5;
      -o-box-shadow: 2px 2px 5px 0 #c5c5c5;
      -ms-box-shadow: 2px 2px 5px 0 #c5c5c5;
      box-shadow: 2px 2px 5px 0 #c5c5c5;
      list-style: none;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      -khtml-border-radius:5px;
      -o-border-radius:5px;
      -ms-border-radius:5px;
      border-radius:5px;
   }
   ul.df-resultbox li{
      float: left;
      width: 100%;
      clear: both;
      cursor: pointer;
   }
   ul.df-resultbox li.df-cheader{
      height: 13px;
      overflow: hidden;
      padding: 5px 0;
      color: #fff;
      background: #6ea6d1;
      cursor:default;
      padding-bottom:10px;
   }
   ul.df-resultbox li.df-cheader p.df-cheader-title{
      margin: 0 !important;
      padding: 0 0 0 10px !important;
      float: left;
      font-size: 12px;
      font-weight: bold;
   }
   ul.df-resultbox li.df-cheader p.df-cheader-limit{
      margin: 0 !important;
      padding: 0 10px 0 0 !important;
      float: right;
      font-size: 11px;
      font-weight: normal;
   }
   ul.df-resultbox li.df-cdata{
      margin: 0 !important;
      padding: 0 !important;
      border-bottom: 1px solid #c5c5c5;
   }
   ul.df-resultbox li.df-cdata:last-child{
      border-bottom: none;
   }
   ul.df-resultbox li.df-cdata:hover{
      background: #eaf4fd;
   }
   ul.df-resultbox li.df-cdata a{
      display: block;
      padding: 5px 10px;
      text-decoration: none !important;
      background: #fff;
   }
   ul.df-resultbox li.df-cdata a:hover{
      background: #cde0ff;
   }
   ul.df-resultbox li.df-cdata img{
      margin-right: 12px;
   }
   ul.df-resultbox li.df-cdata p{
      margin: 0 !important;
      padding: 0 !important;
      color: #444;
      font-size: 10px;
      min-height:30px;
   }
   ul.df-resultbox li.df-cdata p span.df-cdata-title{
      display: inline !important;
      margin: 0 !important;
      padding: 0 !important;
      font-size: 11px;
      font-weight: bold;
      color: #000;
   }
   ul.df-resultbox li:first-child{
      -moz-border-radius:5px 5px 0 0;
      -webkit-border-radius:5px 5px 0 0;
      -khtml-border-radius:5px 5px 0 0;
      -o-border-radius:5px 5px 0 0;
      -ms-border-radius:5px 5px 0 0;
      border-radius:5px 5px 0 0;
   }
   ul.df-resultbox li:last-child{
      -moz-border-radius:0 0 5px 5px;
      -webkit-border-radius:0 0 5px 5px;
      -khtml-border-radius:0 0 5px 5px;
      -o-border-radius:0 0 5px 5px;
      -ms-border-radius:0 0 5px 5px;
      border-radius:0 0 5px 5px;
   }
}