From ICIHelp7.15
Jump to: navigation, search
Line 1: Line 1:
<p>/* CSS placed here will be applied to all skins */</p>
+
/* CSS placed here will be applied to all skins */
  
<ol>
+
#p-navigation, #p-tb h5, #p-tb div.body { display:none !important; }  
<li>p-navigation, #p-tb h5, #p-tb div.body { display:none !important; }</li>
+
</ol>
+
  
<p>.fancytree ul {</p>
+
.fancytree ul {
  
<pre class="_fck_mw_lspace">
+
    background: none;
  background: none;
+
    border: none;
  border: none;
+
    font-size: 12px;
  font-size: 12px;
+
</pre>
+
  
<p>} ul.fancytree-container {</p>
+
} ul.fancytree-container {
  
<pre class="_fck_mw_lspace">
+
    outline: 0;
  outline: 0;
+
    border: none;
  border: none;
+
    height:auto;
  height:auto;
+
    overflow:auto;
  overflow:auto;
+
    white-space:normal;
  white-space:normal;
+
</pre>
+
  
<p>} .fancytree p {</p>
+
} .fancytree p {
  
<pre class="_fck_mw_lspace">
+
    display: none;
  display: none;
+
</pre>
+
  
<p>} span.fancytree-title {</p>
+
} span.fancytree-title {
  
<pre class="_fck_mw_lspace">
+
    cursor: default;
  cursor: default;
+
</pre>
+
  
<p>} span.fancytree-title a {</p>
+
} span.fancytree-title a {
  
<pre class="_fck_mw_lspace">
+
    color: black;
  color: black;
+
</pre>
+
  
<p>} .fancytree ul li span.fancytree-title ul {width:8em; padding: 0 0 0 0px; } .fancytree ul li ul li span.fancytree-title ul {width:9em; } .fancytree ul li ul li ul li span.fancytree-title ul {width:6em; } strong.selflink { color:#E88D7B;}</p>
+
} .fancytree ul li span.fancytree-title ul {width:8em; padding: 0 0 0 0px; } .fancytree ul li ul li span.fancytree-title ul {width:9em; } .fancytree ul li ul li ul li span.fancytree-title ul {width:6em; } strong.selflink { color:#FF5000;}
  
<p>.font_size_20{ font-size: 22px; }</p>
+
.font_size_20{ font-size: 22px; }
  
<p>/* image zoom css starts here */ [data-spzoom] img {</p>
+
/* image zoom css starts here */ [data-spzoom] img {
  
<pre class="_fck_mw_lspace">
+
    vertical-align: top;
  vertical-align: top;
+
</pre>
+
  
<p>}</p>
+
}
  
<p>.spzoom-zoom {</p>
+
.spzoom-zoom {
  
<pre class="_fck_mw_lspace">
+
    z-index: 97;
  z-index: 97;
+
    border: 1px solid rgba(0,0,0,0.2);
  border: 1px solid rgba(0,0,0,0.2);
+
    background-color: #fff;
  background-color: #fff;
+
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
+
    width: 500px;
  width: 500px;
+
    height: 500px;
  height: 500px;
+
</pre>
+
  
<p>} .spzoom-tracker {</p>
+
} .spzoom-tracker {
  
<pre class="_fck_mw_lspace">
+
    border-width: 1px;
  border-width: 1px;
+
    border-style: solid;
  border-style: solid;
+
    background-color: #fff;
  background-color: #fff;
+
    border-color: #ccc;
  border-color: #ccc;
+
    z-index: 97;
  z-index: 97;
+
</pre>
+
  
<p>} .spzoom-title {</p>
+
} .spzoom-title {
  
<pre class="_fck_mw_lspace">
+
    font-family: Verdana, Helvetica, Arial, sans-serif;
  font-family: Verdana, Helvetica, Arial, sans-serif;
+
    font-size: 10px;
  font-size: 10px;
+
    color: #fff;
  color: #fff;
+
    background-color: #222;
  background-color: #222;
+
    padding: 3px 5px;
  padding: 3px 5px;
+
    line-height: 14px;
  line-height: 14px;
+
</pre>
+
  
<p>} .spzoom-loader {</p>
+
} .spzoom-loader {
  
<pre class="_fck_mw_lspace">
+
  /* width: 24px;
  /* width: 24px;
+
  height: 24px;
  height: 24px;
+
  background: url(&#39;skins/loader.gif&#39;) 50% 50% no-repeat scroll #fff;
  background: url(&#39;skins/loader.gif&#39;) 50% 50% no-repeat scroll #fff;
+
  border: 1px solid #ccc;*/
  border: 1px solid #ccc;*/
+
</pre>
+
  
<p>} /* image zoom css ends here */</p>
+
} /* image zoom css ends here */
  
<p>.iframe-placeholder {</p>
+
.iframe-placeholder {
  
<pre class="_fck_mw_lspace">
+
      background: url(&#39;data:image/svg+xml;charset=utf-8,&lt;svg xmlns=&quot;<a alt="http://www.w3.org/2000/svg" href="http://www.w3.org/2000/svg" title="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&quot; width=&quot;100%&quot; height=&quot;100%&quot; viewBox=&quot;0 0 100% 100%&quot;&gt;&lt;text fill=&quot;%23FF0000&quot; x=&quot;50%&quot; y=&quot;50%&quot; font-family=&quot;\&#39;Lucida Grande\&#39;, sans-serif&quot; font-size=&quot;12&quot; text-anchor=&quot;middle&quot;&gt;Loading...&lt;/text&gt;&lt;/svg&gt;&#39;) 0px 0px no-repeat;
      background: url(&#39;data:image/svg+xml;charset=utf-8,&lt;svg xmlns=&quot;<a alt="http://www.w3.org/2000/svg" href="http://www.w3.org/2000/svg" title="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&quot; width=&quot;100%&quot; height=&quot;100%&quot; viewBox=&quot;0 0 100% 100%&quot;&gt;&lt;text fill=&quot;%23FF0000&quot; x=&quot;50%&quot; y=&quot;50%&quot; font-family=&quot;\&#39;Lucida Grande\&#39;, sans-serif&quot; font-size=&quot;12&quot; text-anchor=&quot;middle&quot;&gt;Loading...&lt;/text&gt;&lt;/svg&gt;&#39;) 0px 0px no-repeat;
+
}
}
+
</pre>
+
  
<p>.iframe_videos { cursor:pointer; }</p>
+
.iframe_videos { cursor:pointer; }

Revision as of 08:46, 9 March 2017

/* CSS placed here will be applied to all skins */

#p-navigation, #p-tb h5, #p-tb div.body { display:none !important; } 

.fancytree ul {

    background: none;
    border: none;
    font-size: 12px;

} ul.fancytree-container {

    outline: 0;
    border: none;
    height:auto;
    overflow:auto;
    white-space:normal;

} .fancytree p {

    display: none;

} span.fancytree-title {

    cursor: default;

} span.fancytree-title a {

    color: black;

} .fancytree ul li span.fancytree-title ul {width:8em; padding: 0 0 0 0px; } .fancytree ul li ul li span.fancytree-title ul {width:9em; } .fancytree ul li ul li ul li span.fancytree-title ul {width:6em; } strong.selflink { color:#FF5000;}

.font_size_20{ font-size: 22px; }

/* image zoom css starts here */ [data-spzoom] img {

    vertical-align: top;

}

.spzoom-zoom {

    z-index: 97;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 500px;
    height: 500px;

} .spzoom-tracker {

    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-color: #ccc;
    z-index: 97;

} .spzoom-title {

    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #fff;
    background-color: #222;
    padding: 3px 5px;
    line-height: 14px;

} .spzoom-loader {

   /* width: 24px;
   height: 24px;
   background: url(&#39;skins/loader.gif&#39;) 50% 50% no-repeat scroll #fff;
   border: 1px solid #ccc;*/

} /* image zoom css ends here */

.iframe-placeholder {

       	background: url(&#39;data:image/svg+xml;charset=utf-8,&lt;svg xmlns=&quot;<a alt="http://www.w3.org/2000/svg" href="http://www.w3.org/2000/svg" title="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&quot; width=&quot;100%&quot; height=&quot;100%&quot; viewBox=&quot;0 0 100% 100%&quot;&gt;&lt;text fill=&quot;%23FF0000&quot; x=&quot;50%&quot; y=&quot;50%&quot; font-family=&quot;\&#39;Lucida Grande\&#39;, sans-serif&quot; font-size=&quot;12&quot; text-anchor=&quot;middle&quot;&gt;Loading...&lt;/text&gt;&lt;/svg&gt;&#39;) 0px 0px no-repeat;
 }

.iframe_videos { cursor:pointer; }