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

Revision as of 08:44, 9 March 2017

<p>/* CSS placed here will be applied to all skins */</p>

<ol>
	<li>p-navigation, #p-tb h5, #p-tb div.body { display:none !important; }</li>
</ol>

<p>.fancytree ul {</p>

<pre class="_fck_mw_lspace">
   background: none;
   border: none;
   font-size: 12px;
</pre>

<p>} ul.fancytree-container {</p>

<pre class="_fck_mw_lspace">
   outline: 0;
   border: none;
   height:auto;
   overflow:auto;
   white-space:normal;
</pre>

<p>} .fancytree p {</p>

<pre class="_fck_mw_lspace">
   display: none;
</pre>

<p>} span.fancytree-title {</p>

<pre class="_fck_mw_lspace">
   cursor: default;
</pre>

<p>} span.fancytree-title a {</p>

<pre class="_fck_mw_lspace">
   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>

<p>.font_size_20{ font-size: 22px; }</p>

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

<pre class="_fck_mw_lspace">
   vertical-align: top;
</pre>

<p>}</p>

<p>.spzoom-zoom {</p>

<pre class="_fck_mw_lspace">
   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;
</pre>

<p>} .spzoom-tracker {</p>

<pre class="_fck_mw_lspace">
   border-width: 1px;
   border-style: solid;
   background-color: #fff;
   border-color: #ccc;
   z-index: 97;
</pre>

<p>} .spzoom-title {</p>

<pre class="_fck_mw_lspace">
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
   color: #fff;
   background-color: #222;
   padding: 3px 5px;
   line-height: 14px;
</pre>

<p>} .spzoom-loader {</p>

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

<p>} /* image zoom css ends here */</p>

<p>.iframe-placeholder {</p>

<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;
}
</pre>

<p>.iframe_videos { cursor:pointer; }</p>