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