mediawiki-extensions-Visual.../modules/es/styles/es.ContextView.css
2011-11-30 22:15:03 +00:00

133 lines
2.7 KiB
CSS

.es-contextView {
position: absolute;
z-index: 2;
}
.es-contextView-icon {
position: absolute;
background-repeat: no-repeat;
width: 15px;
height: 15px;
display: none;
cursor: pointer;
border: solid 1px #cccccc;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
-o-border-radius: 1em;
border-radius: 1em;
background-color: white;
-webkit-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25);
box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25);
}
.es-contextView-position-start .es-contextView-icon {
top: -12px;
left: -8px;
}
.es-contextView-position-end .es-contextView-icon {
top: -6px;
left: -8px;
}
.es-contextView-position-above .es-contextView-icon {
background-image: url(../images/arrow-up.png);
background-position: 4px 4px;
}
.es-contextView-position-below .es-contextView-icon {
background-image: url(../images/arrow-down.png);
background-position: 4px 5px;
}
.es-contextView-position-above .es-contextView-icon:hover,
.es-contextView-position-below .es-contextView-icon:hover {
border-color: #b3d6f6;
}
.es-contextView-menu {
display: none;
position: absolute;
border: solid 1px #cccccc;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
-o-border-radius: 0.25em;
border-radius: 0.25em;
background-color: rgba(255,255,255,0.95);
-webkit-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25);
box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25);
padding: 0.33em 0;
}
.es-contextView-position-above .es-contextView-menu {
bottom: 7px;
}
.es-contextView-position-below .es-contextView-menu {
top: 8px;
}
.es-contextView-position-left .es-contextView-menu {
left: -1px;
}
.es-contextView-position-right .es-contextView-menu {
right: -1px;
}
.es-contextView-menuItem {
padding: 0.33em 1em;
cursor: pointer;
white-space: nowrap;
}
.es-contextView-menuSection {
padding: 0.33em 0.66em;
white-space: nowrap;
}
.es-contextView-menuButton {
display: inline-block;
width: 1em;
height: 1em;
padding: 0.25em;
border: solid 1px white;
-webkit-border-radius: 0.125em;
-moz-border-radius: 0.125em;
-o-border-radius: 0.125em;
border-radius: 0.125em;
background-position: center center;
background-position: no-repeat;
cursor: pointer;
}
.es-contextView-menuButton-bold {
background-image: url(../images/bold.png);
}
.es-contextView-menuButton-italic {
background-image: url(../images/italic.png);
}
.es-contextView-menuButton-clear {
background-image: url(../images/clear.png);
}
.es-contextView-menuButton:hover {
border-color: #b3d6f6;
}
.es-contextView-menuButton:active {
background-color: #b3d6f6;
}
.es-contextView-menuItem-break {
margin: 0.33em 0;
border-top: solid 1px #dddddd;
}
.es-contextView-menuItem:hover {
background-color: #b3d6f6;
}