123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>The source code</title>
- <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
- <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
- <style type="text/css">
- .highlight { display: block; background-color: #ddd; }
- </style>
- <script type="text/javascript">
- function highlight() {
- document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
- }
- </script>
- </head>
- <body onload="prettyPrint(); highlight();">
- <pre class="prettyprint lang-js">.#{$prefix}focus-element {
- position: absolute;
- top: -10px;
- left: -10px;
- width: 0px;
- height: 0px;
- }
- .#{$prefix}focus-frame {
- position: absolute;
- left: 0px;
- top: 0px;
- z-index: 100000000;
- width: 0px;
- height: 0px;
- }
- .#{$prefix}focus-frame-top,
- .#{$prefix}focus-frame-bottom,
- .#{$prefix}focus-frame-left,
- .#{$prefix}focus-frame-right {
- position: absolute;
- top: 0px;
- left: 0px;
- }
- .#{$prefix}focus-frame-top,
- .#{$prefix}focus-frame-bottom {
- border-top: $focus-frame-style $focus-frame-width $focus-frame-color;
- height: $focus-frame-width;
- }
- .#{$prefix}focus-frame-left,
- .#{$prefix}focus-frame-right {
- border-left: $focus-frame-style $focus-frame-width $focus-frame-color;
- width: $focus-frame-width;
- }
- </pre>
- </body>
- </html>
|