99 lines
2.4 KiB
CSS
99 lines
2.4 KiB
CSS
|
|
/**
|
|
* @file
|
|
* Styles for the core Shortcut module elements.
|
|
*/
|
|
|
|
/*******************************************************************************
|
|
* General shortcuts styling
|
|
******************************************************************************/
|
|
.add-or-remove-shortcuts a {
|
|
float: left;
|
|
display: block;
|
|
margin: 0 5px 0 0;
|
|
padding: 0;
|
|
background: #999 url(../images/buttons.png) -800px 50% no-repeat;
|
|
color: #fff;
|
|
text-shadow: #666 0 1px 0;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
.remove-shortcut a {
|
|
background-position: -1600px 50%;
|
|
}
|
|
.add-or-remove-shortcuts a:active {
|
|
color: #222;
|
|
background-color: #666;
|
|
background-position: -1200px 50%;
|
|
text-shadow: #999 0 1px 0;
|
|
}
|
|
.remove-shortcut a:active {
|
|
background-position: -2000px 50%;
|
|
}
|
|
.add-or-remove-shortcuts a span.icon {
|
|
width: 20px;
|
|
height: 20px;
|
|
float: left;
|
|
}
|
|
.add-or-remove-shortcuts a span.text {
|
|
float: left;
|
|
display: none;
|
|
padding: 0 5px;
|
|
}
|
|
.add-or-remove-shortcuts a:focus span.text,
|
|
.add-or-remove-shortcuts a:hover span.text {
|
|
display: block;
|
|
}
|
|
/* General shortcuts styling end */
|
|
|
|
/*******************************************************************************
|
|
* Toolbar styles
|
|
* Unchanged from core shortcut.css styles.
|
|
******************************************************************************/
|
|
div#toolbar a#edit-shortcuts {
|
|
float: right;
|
|
padding: 5px 10px 5px 5px;
|
|
line-height: 24px;
|
|
color: #bbb;
|
|
}
|
|
div#toolbar a#edit-shortcuts:focus,
|
|
div#toolbar a#edit-shortcuts:hover,
|
|
div#toolbar a#edit-shortcuts.active {
|
|
color: #fff;
|
|
}
|
|
div#toolbar div.toolbar-shortcuts ul {
|
|
padding: 5px 0 2px 0;
|
|
height: 28px;
|
|
line-height: 24px;
|
|
float: left;
|
|
margin-left: 5px;
|
|
}
|
|
div#toolbar div.toolbar-shortcuts ul li a {
|
|
padding: 0 5px;
|
|
margin-right: 5px;
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
}
|
|
div#toolbar div.toolbar-shortcuts ul li a:focus,
|
|
div#toolbar div.toolbar-shortcuts ul li a:hover,
|
|
div#toolbar div.toolbar-shortcuts ul li a.active:focus {
|
|
background: #555;
|
|
}
|
|
div#toolbar div.toolbar-shortcuts ul li a.active:hover,
|
|
div#toolbar div.toolbar-shortcuts ul li a.active {
|
|
background: #000;
|
|
}
|
|
div#toolbar div.toolbar-shortcuts span.icon {
|
|
float: left;
|
|
background: #444;
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-right: 5px;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
/* Toolbar styles end */
|