From ICIHelp8.2
| (17 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | |||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | #p-navigation, #p-tb h5, #p-tb div.body { display:none !important; } | + | |
| − | .fancytree ul { | + | #p-navigation, #p-tb h5, #p-tb div.body { display:none !important; } |
| + | |||
| + | .fancytree ul { | ||
| + | |||
background: none; | background: none; | ||
border: none; | border: none; | ||
font-size: 12px; | font-size: 12px; | ||
| − | + | ||
| − | ul.fancytree-container { | + | } ul.fancytree-container { |
| + | |||
outline: 0; | outline: 0; | ||
border: none; | border: none; | ||
| Line 12: | Line 17: | ||
overflow:auto; | overflow:auto; | ||
white-space:normal; | white-space:normal; | ||
| − | + | ||
| − | .fancytree p { | + | } .fancytree p { |
| + | |||
display: none; | display: none; | ||
| − | + | ||
| − | span.fancytree-title { | + | } span.fancytree-title { |
| + | |||
cursor: default; | cursor: default; | ||
| − | + | ||
| − | span.fancytree-title a { | + | } span.fancytree-title a { |
| + | |||
color: black; | color: black; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | .font_size_20{ | + | } .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; | vertical-align: top; | ||
| + | |||
} | } | ||
.spzoom-zoom { | .spzoom-zoom { | ||
| + | |||
z-index: 97; | z-index: 97; | ||
border: 1px solid rgba(0,0,0,0.2); | border: 1px solid rgba(0,0,0,0.2); | ||
| Line 40: | Line 48: | ||
width: 500px; | width: 500px; | ||
height: 500px; | height: 500px; | ||
| − | + | ||
| − | .spzoom-tracker { | + | } .spzoom-tracker { |
| + | |||
border-width: 1px; | border-width: 1px; | ||
border-style: solid; | border-style: solid; | ||
| Line 47: | Line 56: | ||
border-color: #ccc; | border-color: #ccc; | ||
z-index: 97; | z-index: 97; | ||
| − | + | ||
| − | .spzoom-title { | + | } .spzoom-title { |
| + | |||
font-family: Verdana, Helvetica, Arial, sans-serif; | font-family: Verdana, Helvetica, Arial, sans-serif; | ||
font-size: 10px; | font-size: 10px; | ||
| Line 55: | Line 65: | ||
padding: 3px 5px; | padding: 3px 5px; | ||
line-height: 14px; | line-height: 14px; | ||
| − | + | ||
| − | .spzoom-loader { | + | } .spzoom-loader { |
| − | + | ||
| − | + | /* width: 24px; | |
| − | + | height: 24px; | |
| − | + | background: url('skins/loader.gif') 50% 50% no-repeat scroll #fff; | |
| − | + | border: 1px solid #ccc;*/ | |
| − | /* image zoom css ends here */ | + | |
| + | } /* image zoom css ends here */ | ||
| + | |||
| + | .iframe-placeholder { | ||
| + | |||
| + | background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="<a alt="[http://www.w3.org/2000/svg http://www.w3.org/2000/svg]" href="[http://www.w3.org/2000/svg http://www.w3.org/2000/svg]" title="[http://www.w3.org/2000/svg http://www.w3.org/2000/svg]">[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; | ||
| + | } | ||
| + | |||
| + | .iframe_videos { cursor:pointer; } | ||
Latest revision as of 07:25, 10 October 2021
/* 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('skins/loader.gif') 50% 50% no-repeat scroll #fff;
border: 1px solid #ccc;*/
} /* image zoom css ends here */
.iframe-placeholder {
background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="<a alt="[http://www.w3.org/2000/svg http://www.w3.org/2000/svg]" href="[http://www.w3.org/2000/svg http://www.w3.org/2000/svg]" title="[http://www.w3.org/2000/svg http://www.w3.org/2000/svg]">[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;
}
.iframe_videos { cursor:pointer; }
