1/**
2* style.css for the WebCode plugin
3*
4* @license    GPL 2 (http://www.gnu.org/licenses/gpl.html)
5* @author     Nicolas GERARD
6*
7*/
8
9div.webcode{
10    position: relative;
11}
12
13div.webcode>.webcode-bar {
14    position: absolute;
15    top: .3em;
16    right: .2em;
17    transition: opacity .3s ease-in-out;
18    opacity: 0;
19}
20
21div.webcode>.webcode-bar .webcode-bar-item {
22    display: inline-block;
23}
24
25div.webcode>.webcode-bar a, div.webcode>.webcode-bar button {
26    color: #bbb;
27    font-size: .8em;
28    padding: 0 .5em;
29    background: #f5f2f0;
30    background: rgba(224,224,224,.2);
31    box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
32    border-radius: .5em;
33    cursor: pointer;
34}
35
36div.webcode>.webcode-bar button {
37    background: 0 0;
38    border: 0;
39    line-height: normal;
40    overflow: visible;
41}
42
43div.webcode:hover>.webcode-bar {
44    opacity: 1
45}
46
47div.webcode-bar:focus-within>.webcode-bar {
48    opacity: 1
49}
50
51div.webcode>.webcode-bar a:focus, div.webcode>.webcode-bar a:hover, div.webcode>.webcode-bar button:focus, div.webcode>.webcode-bar button:hover {
52    text-decoration: none;
53    color: black;
54}
55