X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?p=src%2Fapp-framework-demo.git;a=blobdiff_plain;f=afb-client%2Fbower_components%2Ftether%2Fdocs%2Fwelcome%2Fcss%2Fbrowser-demo.css;fp=afb-client%2Fbower_components%2Ftether%2Fdocs%2Fwelcome%2Fcss%2Fbrowser-demo.css;h=c41b02012562f0d590e4808f453d2233a335bfd2;hp=0000000000000000000000000000000000000000;hb=5b1e6cc132f44262a873fa8296a2a3e1017b0278;hpb=f7d2f9ac4168ee5064580c666d508667a73cefc0 diff --git a/afb-client/bower_components/tether/docs/welcome/css/browser-demo.css b/afb-client/bower_components/tether/docs/welcome/css/browser-demo.css new file mode 100644 index 0000000..c41b020 --- /dev/null +++ b/afb-client/bower_components/tether/docs/welcome/css/browser-demo.css @@ -0,0 +1,91 @@ +html, body { + height: 100%; + overflow: hidden; + font-family: "proxima-nova", sans-serif; } + +.tether.tether-theme-arrows-dark .tether-content { + -webkit-filter: none; + -moz-filter: none; + filter: none; + background: black; } + .tether.tether-theme-arrows-dark .tether-content ul { + color: white; + list-style: none; + padding: 0; + margin: 0; } + +.tether.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before { + border-right-color: black; } + +.browser-demo { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; } + .browser-demo *, .browser-demo *:after, .browser-demo *:before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .browser-demo .top { + position: absolute; + height: 60px; + padding: 20px; + line-height: 40px; + width: 100%; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + .browser-demo .bottom { + position: absolute; + top: 60px; + bottom: 0; + width: 100%; } + .browser-demo .bottom .left { + border-right: 1px solid rgba(0, 0, 0, 0.1); + position: absolute; + width: 30%; + height: 100%; + overflow: auto; } + .browser-demo .bottom .left .item { + height: 64px; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + cursor: pointer; } + .browser-demo .bottom .left .item:hover, .browser-demo .bottom .left .item.tether-open { + background: rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(0, 0, 0, 0); } + .browser-demo .bottom .left .item:last-child { + border-bottom: 0; } + .browser-demo .bottom .right { + position: absolute; + width: 70%; + right: 0; + height: 100%; + padding: 20px; } + .browser-demo .title { + display: -moz-inline-stack; + display: inline-block; + vertical-align: middle; + *vertical-align: auto; + zoom: 1; + *display: inline; + background: rgba(0, 0, 0, 0.1); + width: 150px; + height: 15px; + margin-bottom: 20px; } + .browser-demo .word { + display: -moz-inline-stack; + display: inline-block; + vertical-align: middle; + *vertical-align: auto; + zoom: 1; + *display: inline; + background: rgba(0, 0, 0, 0.1); + width: 50px; + height: 8px; + margin-right: 5px; + margin-bottom: 5px; } + .browser-demo .word:nth-last-child(4n+1) { + width: 73px; } + .browser-demo .word:nth-last-child(10n+1) { + width: 14px; } + .browser-demo .word:nth-last-child(9n+1) { + width: 80px; }