diff options
author | jsdelfino <jsdelfino@13f79535-47bb-0310-9956-ffa450edef68> | 2011-10-24 08:45:54 +0000 |
---|---|---|
committer | jsdelfino <jsdelfino@13f79535-47bb-0310-9956-ffa450edef68> | 2011-10-24 08:45:54 +0000 |
commit | 0f3b340da7acffba93de0618d80d6018097e98ee (patch) | |
tree | a81b295d68321af87b7baa13f820d1a486573da5 /sca-cpp/trunk/modules/js/htdocs/ui.css | |
parent | 1f29c4ef1374655383a0a065d2839a8ad43717e2 (diff) |
Refactor and simplify edit app, and optimize app resource loading and caching.
git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1188045 13f79535-47bb-0310-9956-ffa450edef68
Diffstat (limited to 'sca-cpp/trunk/modules/js/htdocs/ui.css')
-rw-r--r-- | sca-cpp/trunk/modules/js/htdocs/ui.css | 129 |
1 files changed, 110 insertions, 19 deletions
diff --git a/sca-cpp/trunk/modules/js/htdocs/ui.css b/sca-cpp/trunk/modules/js/htdocs/ui.css index b4c27a54e8..42d89b8087 100644 --- a/sca-cpp/trunk/modules/js/htdocs/ui.css +++ b/sca-cpp/trunk/modules/js/htdocs/ui.css @@ -22,6 +22,7 @@ margin-top: 0px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; font-family: "Helvetica Neue", Helvetica; font-style: normal; font-variant: normal; font-size: 13px; -webkit-text-size-adjust: none; -webkit-touch-callout: none; +-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; } @@ -33,42 +34,128 @@ visibility: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: hidden; } -.bodydiv { +.mainbodydiv { position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: hidden; } -.bodydivloading { +.bodydiv { position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: hidden; --webkit-transform: translate(100%, 0px); -webkit-backface-visibility: hidden; +} + +.viewcontainer3dm { +-webkit-perspective: 1000; +} + +.viewcontainer3d { +} + +.leftviewloading3dm { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +-webkit-transform: translate3d(100%, 0px, 0) rotateY(0deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; -moz-transform: translate(100%, 0px); -ms-transform: translate(100%, 0px); transform: translate(100%, 0px); } -.bodydivloaded { --webkit-transition: -webkit-transform 0.4s linear; --moz-transition: -moz-transform 0.4s linear; --ms-transition: -ms-transform 0.4s linear; -transition: transform 0.4s linear; -position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: hidden; --webkit-transform: translate3d(0px, 0px, 0px); -webkit-backface-visibility: hidden; +.rightviewloading3dm { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +-webkit-transform: translate3d(-100%, 0px, 0) rotateY(0deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; +-moz-transform: translate(-100%, 0px); +-ms-transform: translate(-100%, 0px); +transform: translate(-100%, 0px); +} + +.flipviewloading3dm { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +-webkit-transform: translate3d(0px, 0px, 0) rotateY(180deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; +-moz-transform: translate(100%, 0px); +-ms-transform: translate(100%, 0px); +transform: translate(100%, 0px); +} + +.viewloading3d { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +visibility: hidden; +-webkit-transform: translate3d(100%, 0px, 0) rotateY(0deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; +-moz-transform: translate(100%, 0px); +-ms-transform: translate(100%, 0px); +transform: translate(100%, 0px); +} + +.viewloaded3dm { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +-webkit-transition: -webkit-transform 0.5s ease-in-out; +-moz-transition: -moz-transform 0.5s ease-in-out; +-ms-transition: -ms-transform 0.5s ease-in-out; +transition: transform 0.5s ease-in-out; +-webkit-transform: translate3d(0px, 0px, 0) rotateY(0deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } -.bodydivunloaded { --webkit-transition: -webkit-transform 0.4s linear; --moz-transition: -moz-transform 0.4s linear; --ms-transition: -ms-transform 0.4s linear; -transition: transform 0.4s linear; -position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: hidden; --webkit-transform: translate3d(-100%, 0px, 0px); -webkit-backface-visibility: hidden; +.viewloaded3d { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +-webkit-transform: translate3d(0px, 0px, 0) rotateY(0deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; +-moz-transform: translate(0px, 0px); +-ms-transform: translate(0px, 0px); +transform: translate(0px, 0px); +} + +.viewunloading3dm { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +-webkit-transform: translate3d(0px, 0px, 0) rotateY(0deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; +-moz-transform: translate(0px, 0px); +-ms-transform: translate(0px, 0px); +transform: translate(0px, 0px); +} + +.leftviewunloaded3dm { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +-webkit-transition: -webkit-transform 0.5s ease-in-out; +-moz-transition: -moz-transform 0.5s ease-in-out; +-ms-transition: -ms-transform 0.5s ease-in-out; +transition: transform 0.5s ease-in-out; +-webkit-transform: translate3d(-100%, 0px, 0px) rotateY(0deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; -moz-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); transform: translate(-100%, 0px); } +.rightviewunloaded3dm { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +-webkit-transition: -webkit-transform 0.5s ease-in-out; +-moz-transition: -moz-transform 0.5s ease-in-out; +-ms-transition: -ms-transform 0.5s ease-in-out; +transition: transform 0.5s ease-in-out; +-webkit-transform: translate3d(100%, 0px, 0) rotateY(0deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; +-moz-transform: translate(100%, 0px); +-ms-transform: translate(100%, 0px); +transform: translate(100%, 0px); +} + +.flipviewunloaded3dm { +position: absolute; top: 0px; left: 0px; width: 100%; height: 5000px; overflow: visible; +-webkit-transition: -webkit-transform 0.5s ease-in-out; +-moz-transition: -moz-transform 0.5s ease-in-out; +-ms-transition: -ms-transform 0.5s ease-in-out; +transition: transform 0.5s ease-in-out; +-webkit-transform: translate3d(0px, 0px, 0) rotateY(-180deg); +-webkit-backface-visibility: hidden; background-color: #ffffff; +-moz-transform: translate(0px, 0px); +-ms-transform: translate(0px, 0px); +transform: translate(0px, 0px); +} + table { border: 0px; border-collapse: collapse; border-color: #a2bae7; border-style: solid; font-family: "Helvetica Neue", Helvetica; font-style: normal; font-variant: normal; font-size: 13px; @@ -143,6 +230,10 @@ border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #dcdcdc; border-right: 1px; border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #dcdcdc; width: 10px; vertical-align: middle; } +.datatdltop { +border-right: 1px; border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #dcdcdc; width: 10px; vertical-align: top; +} + .datatdr { border-left: 1px; border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #dcdcdc; vertical-align: middle; } @@ -335,11 +426,11 @@ padding-left: 6px; padding-right: 2px; padding-top: 3px; padding-bottom: 4px; wh } .tbaramenu { -color: #cccccc; text-decoration: none; white-space: nowrap; +color: #cccccc; text-decoration: none; white-space: nowrap; vertical-align: middle; } .tbarsmenu { -font-weight: bold; color: #ffffff; text-decoration: none; white-space: nowrap; +font-weight: bold; color: #ffffff; text-decoration: none; white-space: nowrap; vertical-align: middle; } .suggest { |