1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- div.code-toolbar {
- position: relative;
- }
- div.code-toolbar > .toolbar {
- position: absolute;
- z-index: 10;
- top: .3em;
- right: .2em;
- transition: opacity 0.3s ease-in-out;
- opacity: 0;
- }
- div.code-toolbar:hover > .toolbar {
- opacity: 1;
- }
- /* Separate line b/c rules are thrown out if selector is invalid.
- IE11 and old Edge versions don't support :focus-within. */
- div.code-toolbar:focus-within > .toolbar {
- opacity: 1;
- }
- div.code-toolbar > .toolbar > .toolbar-item {
- display: inline-block;
- }
- div.code-toolbar > .toolbar > .toolbar-item > a {
- cursor: pointer;
- }
- div.code-toolbar > .toolbar > .toolbar-item > button {
- background: none;
- border: 0;
- color: inherit;
- font: inherit;
- line-height: normal;
- overflow: visible;
- padding: 0;
- -webkit-user-select: none; /* for button */
- -moz-user-select: none;
- -ms-user-select: none;
- }
- div.code-toolbar > .toolbar > .toolbar-item > a,
- div.code-toolbar > .toolbar > .toolbar-item > button,
- div.code-toolbar > .toolbar > .toolbar-item > span {
- color: #bbb;
- font-size: .8em;
- padding: 0 .5em;
- background: #f5f2f0;
- background: rgba(224, 224, 224, 0.2);
- box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
- border-radius: .5em;
- }
- div.code-toolbar > .toolbar > .toolbar-item > a:hover,
- div.code-toolbar > .toolbar > .toolbar-item > a:focus,
- div.code-toolbar > .toolbar > .toolbar-item > button:hover,
- div.code-toolbar > .toolbar > .toolbar-item > button:focus,
- div.code-toolbar > .toolbar > .toolbar-item > span:hover,
- div.code-toolbar > .toolbar > .toolbar-item > span:focus {
- color: inherit;
- text-decoration: none;
- }
|