This commit is contained in:
Xes
2025-08-14 22:39:38 +02:00
parent 3641e93527
commit 5403f346e3
3370 changed files with 327179 additions and 0 deletions

View File

@@ -0,0 +1,216 @@
/*Styles used for the various demonstration divs that need to be vendor prefixed*/
.TransformDemoPerspective200 {
-ms-perspective: 200px;
}
.TransformDemoPerspectiveOrigin3050 {
-ms-perspective-origin: 30% 50%;
}
.TransformDemoPerspectiveOrigin8050 {
-ms-perspective-origin: 80% 50%;
}
.TransformDemoDivRotate45 {
}
.TransformDemoDivRotate45:hover {
-ms-transform: rotate(45deg);
}
.TransformDemoDivSkewX45:hover {
-ms-transform: skewX(45deg);
}
.Transform3DDemoDivRotateX:hover {
-ms-transform: rotateX(45deg);
}
.Transform3DDemoDivRotateY:hover {
-ms-transform: rotateY(45deg);
}
.Transform3DDemoDivTranslateZ:hover {
-ms-transform: translateZ(-50px);
}
.Transform3DDemoDivRotateYTranslateZ:hover {
-ms-transform: rotateY(45deg) translateZ(-50px);
}
.Transform3DDemoDivTranslateZRotateY:hover {
-ms-transform: translateZ(-50px) rotateY(45deg);
}
@-ms-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-ms-keyframes fadeOutInOut {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
75% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-ms-keyframes fadeOutInOutSwirl {
0% {
opacity: 1;
}
25% {
opacity: 0.5;
-ms-transform: rotateZ(0deg);
}
75% {
opacity: 0.5;
-ms-transform: rotateZ(180deg);
}
100% {
opacity: 1.0;
-ms-transform: rotateZ(360deg);
}
}
@-ms-keyframes fullPageInOut {
50% {
opacity: 0.5;
-ms-transform: scale(0.1) rotateZ(360deg);
}
}
.TransformDemoDivFadeOut:hover {
-ms-animation-duration: 2s;
-ms-animation-name: fadeOut;
}
.TransformDemoDivFadeOutInOut:hover {
-ms-animation-duration: 2s;
-ms-animation-name: fadeOutInOut;
}
.TransformDemoDivFadeOutInOutSwirl:hover {
-ms-animation-duration: 2s;
-ms-animation-name: fadeOutInOutSwirl;
}
.TransformTranslateX400px {
-ms-transform: translateX(400px);
}
.TransformTranslateY300px {
-ms-transform: translateY(300px);
}
.TransformRotate45 {
-ms-transform: rotate(45deg);
}
.TransformRotateMinus35 {
-ms-transform: rotate(-35deg);
}
.TransformSkewX25 {
-ms-transform: skewX(25deg);
}
.TransformSkewY25 {
-ms-transform: skewY(25deg);
}
.TransformScale075 {
-ms-transform: scale(0.75);
}
.TransformScaleX075 {
-ms-transform: scaleX(0.75);
}
.TransformScaleY075 {
-ms-transform: scaleY(0.75);
}
.TransformScaleX125 {
-ms-transform: scaleX(1.25);
}
.TransformScaleY125 {
-ms-transform: scaleY(1.25);
}
.TransformRotate45TranslateX200px {
-ms-transform: rotate(45deg) translateX(200px);
}
.TransformTranslateX200pxRotate45 {
-ms-transform: translateX(200px) rotate(45deg);
}
.TransformOrigin0050 {
-ms-transform-origin: 0% 50%;
}
.TransformOrigin0000 {
-ms-transform-origin: 0% 0%;
}
.TransformOrigin00100 {
-ms-transform-origin: 0% 100%;
}
.TransformOrigin100100 {
-ms-transform-origin: 100% 100%;
}
.TransformOrigin2525 {
-ms-transform-origin: 25% 25%;
}
.TransformOrigin5000 {
-ms-transform-origin: 50% 0%;
}
.TransformOrigin50100 {
-ms-transform-origin: 50% 100%;
}
.TransformOrigin6666 {
-ms-transform-origin: 66% 66%;
}
.AnimationTimingEase {
-ms-animation-timing-function: ease;
}
.AnimationTimingEaseIn {
-ms-animation-timing-function: ease-in;
}
.AnimationTimingEaseOut {
-ms-animation-timing-function: ease-out;
}
.AnimationTimingEaseInOut {
-ms-animation-timing-function: ease-in-out;
}
.AnimationTimingLinear {
-ms-animation-timing-function: linear;
}
.Animation3Iterations {
-ms-animation-iteration-count: 3;
}

View File

@@ -0,0 +1,223 @@
/* Copyright © Microsoft Corporation. All Rights Reserved. */
/* Demo Author: Charilaos "Harris" Papadopoulos, Microsoft Corporation */
/*
Predefined full-page animations for the CSS Animation/Transform IE Test Drive Demo
Please check FullPageAnimations.js for more information
*/
@-ms-keyframes rotateInLeft {
from {
-ms-transform-origin: 0% 0%;
-ms-transform: rotateY(180deg);
}
to {
-ms-transform-origin: 0% 0%;
-ms-transform: rotateY(0deg);
}
}
@-ms-keyframes rotateOutLeft {
from {
-ms-transform-origin: 0% 0%;
}
to {
-ms-transform-origin: 0% 0%;
-ms-transform: rotateY(180deg);
}
}
@-ms-keyframes rotateInRight {
from {
-ms-transform-origin: 100% 0%;
-ms-transform: rotateY(-180deg);
}
to {
-ms-transform-origin: 100% 0%;
}
}
@-ms-keyframes rotateInRightWithoutToKeyframe {
from {
-ms-transform-origin: 100% 0%;
-ms-transform: rotateY(-180deg);
}
}
@-ms-keyframes rotateOutRight {
from {
-ms-transform-origin: 100% 0%;
}
to {
-ms-transform-origin: 100% 0%;
-ms-transform: rotateY(-180deg);
}
}
@-ms-keyframes fadeIn {
from {
opacity: 0;
}
}
@-ms-keyframes fadeOut {
to {
opacity: 0;
}
}
@-ms-keyframes whirlIn {
from {
-ms-transform-origin: 50% 50%;
-ms-transform: scale(0) rotateZ(1260deg);
}
to {
-ms-transform-origin: 50% 50%;
}
}
@-ms-keyframes whirlOut {
from {
-ms-transform-origin: 50% 50%;
}
to {
-ms-transform-origin: 50% 50%;
-ms-transform: scale(0) rotateZ(1260deg);
}
}
@-ms-keyframes fallFromTop {
from {
-ms-transform-origin: 0% 0%;
-ms-transform: rotateX(-180deg);
animation-timing-function: ease;
}
50% {
-ms-transform-origin: 0% 0%;
-ms-transform: rotateX(30deg);
animation-timing-function: ease;
}
85% {
-ms-transform-origin: 0% 0%;
-ms-transform: rotateX(-10deg);
animation-timing-function: ease;
}
to {
-ms-transform-origin: 0% 0%;
-ms-transform: rotateX(0deg);
animation-timing-function: ease;
}
}
@-ms-keyframes dropToBottom {
from {
-ms-transform-origin: 0% 100%;
}
to {
-ms-transform-origin: 0% 100%;
-ms-transform: rotateX(180deg);
}
}
@-ms-keyframes slideInSkew {
from {
-ms-transform-origin: 0% 100%;
-ms-transform: translateX(-200%) skewX(-45deg);
}
50% {
-ms-transform-origin: 0% 100%;
-ms-transform: translateX(0%) skewX(-45deg);
}
90% {
-ms-transform-origin: 0% 100%;
-ms-transform: translateX(0%) skewX(10deg);
}
to {
-ms-transform-origin: 0% 100%;
-ms-transform:translateX(0%) skewX(0deg);
}
}
@-ms-keyframes slideOutSkew {
from {
-ms-transform-origin: 0% 100%;
-ms-transform: translateX(0%);
}
to {
-ms-transform-origin: 0% 100%;
-ms-transform: skewX(-45deg) translateX(200%) ;
}
}
@-ms-keyframes tumbleIn {
from {
-ms-transform-origin: 0% 100%;
-ms-transform: rotateZ(-180deg);
}
to {
-ms-transform-origin: 0% 100%;
}
}
@-ms-keyframes tumbleOut {
from {
-ms-transform-origin: 100% 100%;
}
to {
-ms-transform-origin: 100% 100%;
-ms-transform: rotateZ(180deg);
}
}
@-ms-keyframes expandIn {
from {
-ms-transform: scale(0);
}
50% {
-ms-transform: scale(1);
}
75% {
-ms-transform: scale(1.2);
}
to {
-ms-transform: scale(1);
}
}
@-ms-keyframes collapseOut {
to {
-ms-transform: scale(0);
}
}

View File

@@ -0,0 +1,174 @@
/* app css start */
html, body, .map-container{
width:100%;
height:100%;
}
.dropdown-menu .short-cut{
float: right;
font-size: 12px;
}
.app-tool-bar{
position: fixed;
top: 10px;
left: 10px;
z-index: 9999;
}
.app-tool-bar .dropdown-menu{
min-width: 250px;
}
.app-tool-bar > .dropdown-menu{
display: block;
min-width: 40px;
}
.app-tool-bar .dropdown-menu > li > a{
padding: 5px 10px;
}
.app-tool-bar .dropdown-submenu > a:after{
margin-right: -5px;
margin-top: 3px;
}
.app-container {
position: relative;
width:100%;
height:100%;
overflow: hidden;
}
.map{
width: 2000px;
height: 2000px;
background:url('../img/bg.gif') repeat;
}
.app-footer {
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 40px;
line-height: 40px;
background-color: #000;
text-align: center;
z-index: 9999;
}
.app-footer:after{
clear: both;
}
.app-footer a{
color: #333;
}
.app-footer a:hover{
text-decoration: none;
color: #fff;
}
.app-footer .brand{
color: #000000;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
font-size: 20px;
position: absolute;
right: 90px;
top: 0px;
}
div.node{
position: absolute;
cursor: default;
}
div.node-caption{
min-width: 100px;
max-width: 300px;
padding:10px;
z-index: 99;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius : 6px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: black;
color: white;
position: absolute;
}
div.node-caption textarea{
margin: 0;
}
div.node-caption.black{
border-color: #222 #222 black;
background-color: #363636;
background-image: -webkit-linear-gradient(top, #444, #222);
background-repeat: repeat-x;
}
div.node-caption.red{
border-color: #BD362F #BD362F #802420;
background-color: #DA4F49;
background-image: -webkit-linear-gradient(top, #EE5F5B, #BD362F);
background-repeat: repeat-x;
}
div.node-caption.orange{
border-color: #F89406 #F89406 #AD6704;
background-color: #FAA732;
background-image: -webkit-linear-gradient(top, #FBB450, #F89406);
background-repeat: repeat-x;
}
div.node-caption.green{
border-color: #51A351 #51A351 #387038;
background-color: #5BB75B;
background-image: -webkit-linear-gradient(top, #62C462, #51A351);
background-repeat: repeat-x;
}
div.node-caption.blue{
border-color: #2F96B4 #2F96B4 #1F6377;
background-color: #2F96B4;
background-image: -webkit-linear-gradient(top, #5BC0DE, #2F96B4);
background-image: -moz-linear-gradient(top, #5BC0DE, #2F96B4);
background-repeat: repeat-x;
}
div.node-caption.dark-blue{
border-color: #04C #04C #002A80;
background-color: #04C;
background-image: -webkit-linear-gradient(top, #08C, #04C);
background-repeat: repeat-x;
}
div.node-caption:hover{
background-position: 0 -15px;
transition: background-position 0.1s linear 0s;
}
div.node-caption.blue:hover{
background-color: #2F96B4;
}
div.node canvas{
position:absolute;
}
.modal .app-file-list{
max-height: 200px;
overflow: auto;
}
.modal .app-file-name{
padding-top: 20px;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,6 @@
html,body{margin:0;padding:0;}
html{background-color: rgb(0,135,255);height:100%;}
body{background-color: white;min-height:100%;}
.contentWrapper{width:940px;margin:0 auto;overflow: hidden;}
.nav{padding:30px 0;}
.next-page{float:right;}

View File

@@ -0,0 +1,236 @@
/**
* QUnit v1.7.0pre - A JavaScript Unit Testing Framework
*
* http://docs.jquery.com/QUnit
*
* Copyright (c) 2012 John Resig, Jörn Zaefferer
* Dual licensed under the MIT (MIT-LICENSE.txt)
* or GPL (GPL-LICENSE.txt) licenses.
*/
/** Font Family and Sizes */
#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
}
#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
#qunit-tests { font-size: smaller; }
/** Resets */
#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
margin: 0;
padding: 0;
}
/** Header */
#qunit-header {
padding: 0.5em 0 0.5em 1em;
color: #8699a4;
background-color: #0d3349;
font-size: 1.5em;
line-height: 1em;
font-weight: normal;
border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
}
#qunit-header a {
text-decoration: none;
color: #c2ccd1;
}
#qunit-header a:hover,
#qunit-header a:focus {
color: #fff;
}
#qunit-header label {
display: inline-block;
padding-left: 0.5em;
}
#qunit-banner {
height: 5px;
}
#qunit-testrunner-toolbar {
padding: 0.5em 0 0.5em 2em;
color: #5E740B;
background-color: #eee;
}
#qunit-userAgent {
padding: 0.5em 0 0.5em 2.5em;
background-color: #2b81af;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
}
/** Tests: Pass/Fail */
#qunit-tests {
list-style-position: inside;
}
#qunit-tests li {
padding: 0.4em 0.5em 0.4em 2.5em;
border-bottom: 1px solid #fff;
list-style-position: inside;
}
#qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
display: none;
}
#qunit-tests li strong {
cursor: pointer;
}
#qunit-tests li a {
padding: 0.5em;
color: #c2ccd1;
text-decoration: none;
}
#qunit-tests li a:hover,
#qunit-tests li a:focus {
color: #000;
}
#qunit-tests ol {
margin-top: 0.5em;
padding: 0.5em;
background-color: #fff;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow: inset 0px 2px 13px #999;
-moz-box-shadow: inset 0px 2px 13px #999;
-webkit-box-shadow: inset 0px 2px 13px #999;
}
#qunit-tests table {
border-collapse: collapse;
margin-top: .2em;
}
#qunit-tests th {
text-align: right;
vertical-align: top;
padding: 0 .5em 0 0;
}
#qunit-tests td {
vertical-align: top;
}
#qunit-tests pre {
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
#qunit-tests del {
background-color: #e0f2be;
color: #374e0c;
text-decoration: none;
}
#qunit-tests ins {
background-color: #ffcaca;
color: #500;
text-decoration: none;
}
/*** Test Counts */
#qunit-tests b.counts { color: black; }
#qunit-tests b.passed { color: #5E740B; }
#qunit-tests b.failed { color: #710909; }
#qunit-tests li li {
margin: 0.5em;
padding: 0.4em 0.5em 0.4em 0.5em;
background-color: #fff;
border-bottom: none;
list-style-position: inside;
}
/*** Passing Styles */
#qunit-tests li li.pass {
color: #5E740B;
background-color: #fff;
border-left: 26px solid #C6E746;
}
#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
#qunit-tests .pass .test-name { color: #366097; }
#qunit-tests .pass .test-actual,
#qunit-tests .pass .test-expected { color: #999999; }
#qunit-banner.qunit-pass { background-color: #C6E746; }
/*** Failing Styles */
#qunit-tests li li.fail {
color: #710909;
background-color: #fff;
border-left: 26px solid #EE5757;
white-space: pre;
}
#qunit-tests > li:last-child {
border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
}
#qunit-tests .fail { color: #000000; background-color: #EE5757; }
#qunit-tests .fail .test-name,
#qunit-tests .fail .module-name { color: #000000; }
#qunit-tests .fail .test-actual { color: #EE5757; }
#qunit-tests .fail .test-expected { color: green; }
#qunit-banner.qunit-fail { background-color: #EE5757; }
/** Result */
#qunit-testresult {
padding: 0.5em 0.5em 0.5em 2.5em;
color: #2b81af;
background-color: #D2E0E6;
border-bottom: 1px solid white;
}
#qunit-testresult .module-name {
font-weight: bold;
}
/** Fixture */
#qunit-fixture {
position: absolute;
top: -10000px;
left: -10000px;
width: 1000px;
height: 1000px;
}