YOURLS/user/plugins/sample-toolbar/css/toolbar.css

75 lines
1.2 KiB
CSS

body {
margin:0;
overflow:hidden;
background-color:#fff;
font-size:12px;
font-family: Verdana, Arial;
padding:35px 0 0;
}
#yourls-frame {
width: 100%;
height:100%;
z-index: 1;
}
#yourls-bar {
font-family: Verdana, Arial;
font-size: 12px;
position:absolute;
top:0;
height:35px;
width:100%;
background:#e3f3ff url(../img/toolbar_bg.png) repeat-x bottom center;
color:#2A85B3;
box-shadow: 0 1px 5px rgba(0,0,0,0.5);
z-index: 900000;
}
#yourls-bar a {
text-decoration:none;
color:#2A85B3;
}
#yourls-bar a:hover {
text-decoration:underline;
}
#yourls-about, #yourls-selfclose {
margin-left:10px;
float:left;
display:block;
top:5px;
position:relative;
}
#yourls-about a {
background:transparent url(../img/favicon.svg) center left no-repeat;
padding-left:20px;
color:inherit;
font-weight:bold;
}
#yourls-selfclose {
float:right;
margin-right:10px;
}
#yourls-once {
display:block;
text-indent:-9999px;
background:transparent url(../img/close_button.svg) center center no-repeat;
width:20px;
height:20px;
float:left;
}
#yourls-always {
display:none;
text-indent:-9999px;
background:transparent url(../img/close_button_red.svg) center center no-repeat;
width:20px;
height:20px;
float:left;
}