mediawiki-extensions-Visual.../modules/ve/ce/styles/ve.ce.Node.css
Rob Moen 041359ba01 (bug 43098) Prevent alien node contents from floating above phantoms.
* Sets z-index of alien blocks to 0.
* Simplify alienNode css
* Add missing -ms-user-select: none;
* Add missing [-moz-|-ms-|]user-select: element
  (webkit doesn't support element, auto is closest)

Change-Id: I889074a659483ce3d48380be5f50f80abb573286
2012-12-15 00:58:52 +01:00

86 lines
1.7 KiB
CSS

/**
* VisualEditor content editable Node styles.
*
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/* Alien styling */
.ve-ce-alienNode,
.ve-ce-alienNode * {
position: relative !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}
.ve-ce-alienNode {
z-index: 0;
}
/* Alien blocks and their contents are unselectable / unclickable */
.ve-ce-alienBlockNode,
.ve-ce-alienBlockNode * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ve-ce-alienBlockNode::-moz-selection,
.ve-ce-alienBlockNode *::-moz-selection {
background: transparent;
}
.ve-ce-node-shield {
position: absolute !important;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: transparent !important;
-webkit-user-select: auto;
-moz-user-select: element;
-ms-user-select: element;
user-select: element;
}
/* Fix weird Chrome native selection involving floated elements */
.ve-ce-alienBlockNode:before,
.ve-ce-alienBlockNode:after {
content: '';
}
.ve-ce-alienBlockNode {
display: block;
}
.ve-ce-alienInlineNode {
display: inline;
}
.ve-ce-slug {
/*
display: inline-block;
margin-right: -1px;
width: 1px;
*/
}
.ve-ce-branchNode h1:empty:before,
.ve-ce-branchNode h2:empty:before,
.ve-ce-branchNode h3:empty:before,
.ve-ce-branchNode h4:empty:before,
.ve-ce-branchNode h5:empty:before,
.ve-ce-branchNode h6:empty:before,
.ve-ce-branchNode p:empty:before {
content: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
}
li.ve-ce-branchNode p.ve-ce-branchNode:first-child {
margin: 0;
padding: 0;
}