Файл: wysiwyg/markitup/skins/simple/style.css
Строк: 200
/* -------------------------------------------------------------------
//
markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat -
http://markitup.jaysalvat.com/
//
------------------------------------------------------------------*/
.markItUp
* {
margin:0px; padding:0px;
outline:none;
}
.markItUp a:link,
.markItUp
a:visited {
color:#000;
text-decoration:none;
}
.markItUp {
margin: 0 0
5px 0;
}
.markItUpContainer {
font:11px Verdana, Arial, Helvetica,
sans-serif;
}
.markItUpEditor {
font-size:
12px;
padding:5px;
height:200px;
clear:both;
line-height:18px;
overflow:auto;
}
.markItUpPreviewFrame {
overflow:auto;
background-color:#FFF;
width:99.9%;
height:300px;
margin:5px
0;
}
.markItUpFooter {
width:100%;
}
.markItUpResizeHandle
{
overflow:hidden;
width:22px;
height:5px;
margin-left:auto;
margin-right:auto;
background-image:url(images/handle.png);
cursor:n-resize;
}
/***************************************************************************************/
/*
first row of buttons */
.markItUpHeader > ul {
overflow: hidden;
margin-bottom: 5px;
}
.markItUpHeader ul
li {
list-style:none;
float:left;
position:relative;
}
.markItUpHeader
ul li:hover > ul{
display:block;
}
.markItUpHeader ul .markItUpDropMenu
{
background:transparent url(images/menu.png) no-repeat 115%
50%;
margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li
{
margin-right:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul
{
display:none;
position:absolute;
top:18px;
left:0px;
background:#FFF;
border:1px solid #000;
}
.markItUpHeader ul ul
li {
float:none;
border-bottom:1px solid #000;
}
.markItUpHeader ul ul
.markItUpDropMenu {
background:#FFF url(images/submenu.png) no-repeat 100%
50%;
}
.markItUpHeader ul .markItUpSeparator {
margin:0
10px;
width:1px;
height:16px;
overflow:hidden;
background-color:#CCC;
}
.markItUpHeader
ul ul .markItUpSeparator {
width:auto; height:1px;
margin:0px;
}
/* next
rows of buttons */
.markItUpHeader ul ul ul
{
position:absolute;
top:-1px; left:150px;
}
.markItUpHeader ul ul ul li
{
float:none;
}
.markItUpHeader ul a {
display:block;
width:16px;
height:16px;
text-indent:-10000px;
background-repeat:no-repeat;
background-position: center
center;
padding:3px;
margin:0px;
}
.markItUpHeader ul a:hover{
background-color:#B1D6E4;
}
.markItUpHeader ul ul a
{
display:block;
padding-left:0px;
text-indent:0;
width:120px;
padding:5px
5px 5px 25px;
background-position:2px 50%;
}
.markItUpHeader ul ul a:hover
{
color:#FFF;
background-color:#000;
}
.markitup-image-upload {
padding:20px;
padding-right:15px;
width:225px;
height:125px;
}
.markitup-image-upload .buttons{
margin-top:10px;
}
.markitup-image-upload .preview{
width:97%
!important;
}
.markitup-image-upload .qq-upload-button{
margin-top:
45px;
margin-left: 5px;
}
#inline_upload_form > input {
max-width: 200px;
margin: 0 5px 0 0;
}
.markItUp .btnBold a
{
background-image:url(images/bold.png);
}
.markItUp .btnItalic a
{
background-image:url(images/italic.png);
}
.markItUp .btnUnderline a
{
background-image:url(images/underline.png);
}
.markItUp .btnStroke a
{
background-image:url(images/stroke.png);
}
.markItUp .btnOl a
{
background-image:url(images/list-bullet.png);
}
.markItUp .btnUl a
{
background-image:url(images/list-numeric.png);
}
.markItUp .btnQuote a
{
background-image:url(images/quote.png);
}
.markItUp .btnImg a
{
background-image:url(images/picture.png);
}
.markItUp .btnImgUpload a
{
background-image:url(images/picture_upload.png);
}
.markItUp .btnLink a
{
background-image:url(images/link.png);
}
.markItUp .btnVideoYoutube a
{
background-image:url(images/youtube.png);
}
.markItUp .btnVideoFacebook
a {
background-image:url(images/facebook.png);
}
.markItUp .btnCode a
{
background-image:url(images/code.png);
}
.markItUp .btnSmiles a
{
background-image:url(images/smiles.png);
}
.markItUp .btnSpoiler a
{
background-image:url(images/spoiler.png);
}
.smilepanel {
display:
none;
padding: 0 5px 10px 5px !important;
box-sizing:
border-box;
}
.smilepanel > img {
cursor: pointer;
padding: 3px
!important;
display: inline-block;
vertical-align: middle;
border-radius: 2px;
}
.smilepanel > img:hover {
background-color:
#FFF;
box-shadow: 0px 0px 9px 3px
#FFF;
}
.markItUpInlineUpload
{
position: absolute;
z-index:
10000;
width: 300px;
margin: 20px;
padding: 15px;
background-color:
#e1ebef;
border:2px solid #7D929D;
border-radius:
5px;
}
.markItUpInlineUpload > div { position: relative; } /* for
positioning "loading" image */
.markItUpInlineUpload
label
{
float: left; clear: left;
width: 4em; height:
2em;
padding-right: .5em;
font-size: 80%;
font-weight: bold;
color:
#666;
text-align: right;
}
#inline_upload_close
{
float: right;
width:
16px; height: 16px;
margin-top: 4px;
background: transparent
url(images/close.png) 0 0 no-repeat;
cursor:
pointer;
}
#inline_upload_iframe { display: none; }