12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- div.code-toolbar {
- position: relative;
- }
-
- div.code-toolbar > .toolbar {
- position: absolute;
- top: .3em;
- right: .2em;
- transition: opacity 0.3s ease-in-out;
- opacity: 0;
- }
-
- div.code-toolbar:hover > .toolbar {
- opacity: 1;
- }
-
- div.code-toolbar > .toolbar .toolbar-item {
- display: inline-block;
- }
-
- div.code-toolbar > .toolbar a {
- cursor: pointer;
- }
-
- div.code-toolbar > .toolbar 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 a,
- div.code-toolbar > .toolbar button,
- div.code-toolbar > .toolbar 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 a:hover,
- div.code-toolbar > .toolbar a:focus,
- div.code-toolbar > .toolbar button:hover,
- div.code-toolbar > .toolbar button:focus,
- div.code-toolbar > .toolbar span:hover,
- div.code-toolbar > .toolbar span:focus {
- color: inherit;
- text-decoration: none;
- }
|