From ICIHelp8.2
| Line 1: | Line 1: | ||
| − | /* CSS placed here will be applied to all skins */ | + | <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> | ||
| − | .fancytree ul { | + | <p>.fancytree ul {</p> |
| − | + | <pre class="_fck_mw_lspace"> | |
| − | + | background: none; | |
| − | + | border: none; | |
| + | font-size: 12px; | ||
| + | </pre> | ||
| − | } ul.fancytree-container { | + | <p>} ul.fancytree-container {</p> |
| − | + | <pre class="_fck_mw_lspace"> | |
| − | + | outline: 0; | |
| − | + | border: none; | |
| − | + | height:auto; | |
| − | + | overflow:auto; | |
| + | white-space:normal; | ||
| + | </pre> | ||
| − | } .fancytree p { | + | <p>} .fancytree p {</p> |
| − | + | <pre class="_fck_mw_lspace"> | |
| + | display: none; | ||
| + | </pre> | ||
| − | } span.fancytree-title { | + | <p>} span.fancytree-title {</p> |
| − | + | <pre class="_fck_mw_lspace"> | |
| + | cursor: default; | ||
| + | </pre> | ||
| − | } span.fancytree-title a { | + | <p>} span.fancytree-title a {</p> |
| − | + | <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> |
| − | + | <pre class="_fck_mw_lspace"> | |
| + | vertical-align: top; | ||
| + | </pre> | ||
| − | } | + | <p>}</p> |
| − | .spzoom-zoom { | + | <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> | ||
| − | } .spzoom-tracker { | + | <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> | ||
| − | } .spzoom-title { | + | <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> | ||
| − | } .spzoom-loader { | + | <p>} .spzoom-loader {</p> |
| − | + | <pre class="_fck_mw_lspace"> | |
| − | + | /* width: 24px; | |
| − | + | height: 24px; | |
| − | + | background: url('skins/loader.gif') 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> |
| − | + | <pre class="_fck_mw_lspace"> | |
| − | + | background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="<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>" 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> | ||
| − | .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('skins/loader.gif') 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('data:image/svg+xml;charset=utf-8,<svg xmlns="<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>" 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>
<p>.iframe_videos { cursor:pointer; }</p>