mirror of
https://gitea.msk.dinamika-avia.ru/Constanta-Design/MI-38.git
synced 2026-01-24 08:25:38 +03:00
14.06.2023
This commit is contained in:
Plotnikov
275
s1000d/Converter_Source/EDL/dinamika/singlescorm.css
Normal file
275
s1000d/Converter_Source/EDL/dinamika/singlescorm.css
Normal file
@@ -0,0 +1,275 @@
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height:100%;
|
||||
width: 100%;
|
||||
scrollbar-width: auto;
|
||||
text-rendering: optimizeLegibility;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
line-height: 1.4em;
|
||||
background: #f5f5f5;
|
||||
color: #7c2529;
|
||||
min-width: 230px;
|
||||
margin: 0 auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
}
|
||||
.div, .aside {
|
||||
display: block;
|
||||
}
|
||||
button {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: none;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
font-family: inherit;
|
||||
font-family: 'Trebuchet MS', sans-serif;
|
||||
font-weight: inherit;
|
||||
color: inherit;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.dropbtn {
|
||||
background-color: f5f5f5;
|
||||
color: #7c2529;
|
||||
height: 30px;
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
border-bottom: 1px solid #7c2529cc;
|
||||
cursor: pointer;
|
||||
width: 290px;
|
||||
text-align: left;
|
||||
}
|
||||
.dropdown {
|
||||
display: none;
|
||||
position: relative;
|
||||
}
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
min-width: 250px;
|
||||
z-index: 1;
|
||||
background-color: f5f5f5;
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
.dropdown-content button {
|
||||
color: #7c2529;
|
||||
background-color: #f5f5f5;
|
||||
border: none;
|
||||
border-bottom: 1px solid #f0d1d3;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
border-bottom-right-radius: 15px;
|
||||
border-top-left-radius: 15px;
|
||||
}
|
||||
.dropdown-content button:hover {background-color: #dfb2b6}
|
||||
.btnToTop {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
width: 67px;
|
||||
height: 64px;
|
||||
background: url(../images/BG_rightIcon.png) no-repeat;
|
||||
cursor: pointer;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
.btnToTop:hover {
|
||||
animation: bounce 2s infinite linear;
|
||||
}
|
||||
@keyframes bounce {
|
||||
0% {transform: scale(0.8) translateY(0%)}
|
||||
25% {transform: scale(0.8) translateY(-10%)}
|
||||
50% {transform: scale(0.8) translateY(-0%)}
|
||||
75% {transform: scale(0.8) translateY(-10%)}
|
||||
100% {transform: scale(0.8) translateY(0%)}
|
||||
}
|
||||
.btnToTop i {
|
||||
display: block;
|
||||
width: 33px;
|
||||
height: 30px;
|
||||
border: none;
|
||||
background: url(../images/toTop.svg) no-repeat;
|
||||
position: absolute;
|
||||
left: -2px;
|
||||
right: 0;
|
||||
top: -7px;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.view-toc {
|
||||
position: sticky;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
top: 5px;
|
||||
left: 0;
|
||||
width: 20vw;
|
||||
height: 100%;
|
||||
padding: 0px 0 0 0;
|
||||
min-width: 20vw;
|
||||
}
|
||||
.view-toc-container {
|
||||
position:fixed;
|
||||
scrollbar-width: thin;
|
||||
width: 20vw;
|
||||
min-width: 20vw;
|
||||
height: calc(100vh - 10px);
|
||||
padding: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.view-toc h1 {
|
||||
padding: 50px 0;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.view-toc p {
|
||||
margin: 0 0 20px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.view-body::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 8px;
|
||||
background-color: rgb(207, 73, 73);
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track, .view-toc-container::-webkit-scrollbar-track {
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-thumb, .view-toc-container::-webkit-scrollbar-thumb {
|
||||
border-radius: 50px;
|
||||
background-color: #ce9494;
|
||||
box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
|
||||
min-height: 50px;
|
||||
}
|
||||
.view-toc-container::-webkit-scrollbar-thumb {
|
||||
background-color: #ce94947a;
|
||||
}
|
||||
body::-webkit-scrollbar {
|
||||
width: 15px;
|
||||
}
|
||||
.view-toc-container::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.tree {
|
||||
|
||||
}
|
||||
.tree ul {
|
||||
display: block;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style:none;
|
||||
color:#7c2529;
|
||||
position:relative;
|
||||
font-size: 1rem;
|
||||
-webkit-touch-callout: none; /* iOS Safari */
|
||||
-webkit-user-select: none; /* Chrome/Safari/Opera */
|
||||
-khtml-user-select: none; /* Konqueror */
|
||||
-moz-user-select: none; /* Firefox */
|
||||
-ms-user-select: none; /* Internet Explorer/Edge */
|
||||
user-select: none; /* Non-prefixed version, currently not supported by any browser */
|
||||
}
|
||||
|
||||
.tree ul {margin-left: 0.5em} /* (indentation/2) */
|
||||
|
||||
.tree ul:before {
|
||||
content:"";
|
||||
display:block;
|
||||
width:0;
|
||||
position:absolute;
|
||||
top:0;
|
||||
bottom:0;
|
||||
border-left:none;
|
||||
}
|
||||
|
||||
.tree li {
|
||||
display: block;
|
||||
margin:0px;
|
||||
padding:0 5px; /* indentation + .5em = 1.5em*/
|
||||
/*line-height:1.8em; default list item's `line-height` */
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.tree container, .tree folder {
|
||||
display: block;
|
||||
padding: 3px;
|
||||
}
|
||||
.tree folder {
|
||||
padding-top: 7px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tree container icon {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
padding: 32px;
|
||||
background-image: url('../icons/book2.png');
|
||||
background-size: 16px 16px;
|
||||
/* url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAnJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj41PC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5GbHlpbmcgTWVhdCBBY29ybiA1LjIuMTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNi0wMi0wMlQxMjo0ODo1ODwveG1wOk1vZGlmeURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgqitOMRAAABuklEQVQ4EZVSvy9sQRT+Znfseh4rfuUVSCQahSBeIZaORqURT6L1FyjlFSJER0In0RMajeqphEVHqxIhmydYrL137sydce5ds9lYWesk9557vvOdb+acexjebXrtMqHjv2I2VtEnvTPT/mDjcp7bpKypX4Vxxm3MTOyKvn/buJwPRQYXTzYn+yLj3W2JJkvO5OTP68XUEWAmU3+TNxb/zLM/G+n1gc7I1FBnork5EYeQgCOAuxcf++f/ce+wXWmiz8XFDOxqe6Zl4Xhl8EdyNuVww9h0f0dDQ2Mdh+cDngakAeKxKMZ6W3D7LCaUT0CReQo3eiP9dHa3vAWQSJCrpndNYaRFbHD00PPRrh9V6+Flbj4T6doLchx0iKcNXLpFpSYLXDcs4dAKgkCnkPhayg3a8yVcVOdFpBJwlEZOfV1sGQFfSUESmbyIki6JmIpE2LuKS3xFh1vjSnkQBH5nJkE7gYgr8kJcKxm280r7UZHRdcJ2aCbWuO/L0/SjM5z1dK0Fy/mgpWxOZLWvTl2vKrxK2Obo0vE/gPWWKy7OGWYuDuaSIxYLN4kmPUFA6VZZVqn/xr8sLf4UeQNldMTNDtyI9wAAAABJRU5ErkJggg=='); */
|
||||
}
|
||||
|
||||
.tree folder icon {
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 center;
|
||||
padding-left: 0px;
|
||||
|
||||
/* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAnJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj41PC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5GbHlpbmcgTWVhdCBBY29ybiA1LjIuMTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNi0wMi0wMlQxMjo0OTowOTwveG1wOk1vZGlmeURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgrkd8ulAAACb0lEQVQ4EZVSTWgTQRT+ZjP5L21KIeAfFpTWikJVqJdeiuJF0qulePHqRcGriAdPXqrFQy8i6EHwIGigFEQQvbRQxP5pSkzbxCbpT9o0SZvs7uzu+HabTeslxQcz7++bb957Mwx1mRy92sp1w+f6lV3TGHj8Y8f1m2neSOoYE5LfcP1AmE+RfdP1j9Tx+12v/0y+3S5nZ6S78t8/lOL3ut4feZgAbOLR5RedvVeGT1y63s5DHTB0AcswsbuZw+r0xF4xt/KO+xSpKIBpWHREgcLx5drD6TfuBXY7t6PdvW3BFg5DFKFYBmAJhMIMnX0D4Ug+c0fxMDACWpZEMZtCKZ/WyT0gkcIE97bBwyPw+OojsonqEj1z3jUdvfhtHIXM8j8xbmgqLL0CqYcaCbslrbq370tJTdt17EutXIIQViT+4OI5QAOCIZPDH4SubUGtErgu+eRvzH76TC1IeIQK0xsg64CIKWxIcgwxoUCaKHNoNUDaAwOEJpBbmEO1WET/8C0nxqgSeagSJ0ibTWnjZuIfwUHD8pp0m6oiO78AWavgVPdZ+AMBBLmFXV1Bi8863JHDU9ooIDs3m4Yp7zqTrFZqKGfmiXoHHcePIdzeBiYq0C0//EYNOoIIQIWAlx6YiDfXsbq4kiisLD2NjSbHHZJcKk1pDSdPR9EajcCkyrx0VKNHCqKKqkG9E4kkgp3CFtZTqUQmsTwWG0m+sssiEjm19nOuv6fvQoh5FFQ21pxy3U11jG2i2Jf1pdX08q+ll4PPks9djDNy+vZfKdDjBptqxp7ERhYbBDbWaceAPsgbP60pBTqsvfoHao777+xfmRQTxswccNgAAAAASUVORK5CYII=');
|
||||
*/
|
||||
}
|
||||
|
||||
.tree container:hover {
|
||||
cursor: pointer;
|
||||
background: linear-gradient(to top, #ebc4c4, #ebc4c405);
|
||||
border-radius:5px;
|
||||
transform: scale(1.03);
|
||||
}
|
||||
|
||||
.tree button {
|
||||
width: 100%;
|
||||
font: 0.9em 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.view-body {
|
||||
display: flex;
|
||||
padding: 45px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.view-doc {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px 0px 0px 5px;
|
||||
padding: 10px 20px;
|
||||
min-width: 500px;
|
||||
background: #fff;
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.2),
|
||||
0px 2px 15px 0 rgba(0, 0, 0, 0.1);
|
||||
flex-grow: 1;
|
||||
overflow-y: visible;
|
||||
}
|
||||
.view-obj {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user