[Summary view] [Print] [Text view]

   1  /*! SCEditor | (C) 2011-2016, Sam Clarke | sceditor.com/license */
   2  .sceditor-button div,
   3  div.sceditor-grip {
   4      background-image: url(famfamfam.png);
   5      background-repeat: no-repeat;
   6      width: 16px;
   7      height: 16px
   8  }
   9  
  10  .sceditor-button-youtube div {
  11      background-position: 0 0
  12  }
  13  
  14  .sceditor-button-link div {
  15      background-position: 0 -16px
  16  }
  17  
  18  .sceditor-button-unlink div {
  19      background-position: 0 -32px
  20  }
  21  
  22  .sceditor-button-underline div {
  23      background-position: 0 -48px
  24  }
  25  
  26  .sceditor-button-time div {
  27      background-position: 0 -64px
  28  }
  29  
  30  .sceditor-button-table div {
  31      background-position: 0 -80px
  32  }
  33  
  34  .sceditor-button-superscript div {
  35      background-position: 0 -96px
  36  }
  37  
  38  .sceditor-button-subscript div {
  39      background-position: 0 -112px
  40  }
  41  
  42  .sceditor-button-strike div {
  43      background-position: 0 -128px
  44  }
  45  
  46  .sceditor-button-source div {
  47      background-position: 0 -144px
  48  }
  49  
  50  .sceditor-button-size div {
  51      background-position: 0 -160px
  52  }
  53  
  54  .sceditor-button-rtl div {
  55      background-position: 0 -176px
  56  }
  57  
  58  .sceditor-button-right div {
  59      background-position: 0 -192px
  60  }
  61  
  62  .sceditor-button-removeformat div {
  63      background-position: 0 -208px
  64  }
  65  
  66  .sceditor-button-quote div {
  67      background-position: 0 -224px
  68  }
  69  
  70  .sceditor-button-print div {
  71      background-position: 0 -240px
  72  }
  73  
  74  .sceditor-button-pastetext div {
  75      background-position: 0 -256px
  76  }
  77  
  78  .sceditor-button-paste div {
  79      background-position: 0 -272px
  80  }
  81  
  82  .sceditor-button-outdent div {
  83      background-position: 0 -288px
  84  }
  85  
  86  .sceditor-button-orderedlist div {
  87      background-position: 0 -304px
  88  }
  89  
  90  .sceditor-button-maximize div {
  91      background-position: 0 -320px
  92  }
  93  
  94  .sceditor-button-ltr div {
  95      background-position: 0 -336px
  96  }
  97  
  98  .sceditor-button-left div {
  99      background-position: 0 -352px
 100  }
 101  
 102  .sceditor-button-justify div {
 103      background-position: 0 -368px
 104  }
 105  
 106  .sceditor-button-italic div {
 107      background-position: 0 -384px
 108  }
 109  
 110  .sceditor-button-indent div {
 111      background-position: 0 -400px
 112  }
 113  
 114  .sceditor-button-image div {
 115      background-position: 0 -416px
 116  }
 117  
 118  .sceditor-button-horizontalrule div {
 119      background-position: 0 -432px
 120  }
 121  
 122  .sceditor-button-format div {
 123      background-position: 0 -448px
 124  }
 125  
 126  .sceditor-button-font div {
 127      background-position: 0 -464px
 128  }
 129  
 130  .sceditor-button-emoticon div {
 131      background-position: 0 -480px
 132  }
 133  
 134  .sceditor-button-email div {
 135      background-position: 0 -496px
 136  }
 137  
 138  .sceditor-button-date div {
 139      background-position: 0 -512px
 140  }
 141  
 142  .sceditor-button-cut div {
 143      background-position: 0 -528px
 144  }
 145  
 146  .sceditor-button-copy div {
 147      background-position: 0 -544px
 148  }
 149  
 150  .sceditor-button-color div {
 151      background-position: 0 -560px
 152  }
 153  
 154  .sceditor-button-code div {
 155      background-position: 0 -576px
 156  }
 157  
 158  .sceditor-button-center div {
 159      background-position: 0 -592px
 160  }
 161  
 162  .sceditor-button-bulletlist div {
 163      background-position: 0 -608px
 164  }
 165  
 166  .sceditor-button-bold div {
 167      background-position: 0 -624px
 168  }
 169  
 170  div.sceditor-grip {
 171      background-position: 0 -640px
 172  }
 173  
 174  .rtl div.sceditor-grip {
 175      background-position: 0 -650px;
 176      right: auto;
 177      left: 0
 178  }
 179  
 180  .sceditor-container {
 181      display: -ms-flexbox;
 182      display: -webkit-box;
 183      display: flex;
 184      -ms-flex-direction: column;
 185      -webkit-box-orient: vertical;
 186      -webkit-box-direction: normal;
 187      flex-direction: column;
 188      position: relative;
 189      background: padding-box #fff;
 190      border: 1px solid #d9d9d9;
 191      font-size: 13px;
 192      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 193      color: #333;
 194      line-height: 1;
 195      font-weight: 700;
 196      height: 250px;
 197      border-radius: 4px
 198  }
 199  
 200  .sceditor-container *,
 201  .sceditor-container :after,
 202  .sceditor-container :before {
 203      -webkit-box-sizing: content-box;
 204      box-sizing: content-box
 205  }
 206  
 207  .sceditor-container,
 208  .sceditor-container div,
 209  div.sceditor-dropdown,
 210  div.sceditor-dropdown div {
 211      padding: 0;
 212      margin: 0;
 213      z-index: 3
 214  }
 215  
 216  .sceditor-container iframe,
 217  .sceditor-container textarea {
 218      display: block;
 219      -ms-flex: 1 1 0%;
 220      -webkit-box-flex: 1;
 221      flex: 1 1 0%;
 222      line-height: 1.25;
 223      border: 0;
 224      outline: 0;
 225      font-family: Verdana, Arial, Helvetica, sans-serif;
 226      font-size: 14px;
 227      color: #111;
 228      padding: 0;
 229      margin: 5px;
 230      resize: none;
 231      background: #fff;
 232      height: auto !important;
 233      width: auto !important;
 234      width: calc(100% - 10px) !important;
 235      min-height: 1px
 236  }
 237  
 238  .sceditor-container textarea {
 239      margin: 7px 5px
 240  }
 241  
 242  div.sceditor-dnd-cover {
 243      position: absolute;
 244      top: 0;
 245      left: 0;
 246      bottom: 0;
 247      right: 0;
 248      background: rgba(255, 255, 255, .2);
 249      border: 5px dashed #aaa;
 250      z-index: 200;
 251      font-size: 2em;
 252      text-align: center;
 253      color: #aaa
 254  }
 255  
 256  div.sceditor-dnd-cover p {
 257      position: relative;
 258      top: 45%;
 259      pointer-events: none
 260  }
 261  
 262  div.sceditor-resize-cover {
 263      position: absolute;
 264      top: 0;
 265      left: 0;
 266      background: #000;
 267      width: 100%;
 268      height: 100%;
 269      z-index: 10;
 270      opacity: .3
 271  }
 272  
 273  div.sceditor-grip {
 274      overflow: hidden;
 275      width: 10px;
 276      height: 10px;
 277      cursor: pointer;
 278      position: absolute;
 279      bottom: 0;
 280      right: 0;
 281      z-index: 3;
 282      line-height: 0
 283  }
 284  
 285  div.sceditor-grip.has-icon {
 286      background-image: none
 287  }
 288  
 289  .sceditor-maximize {
 290      position: fixed;
 291      top: 0;
 292      left: 0;
 293      height: 100% !important;
 294      width: 100% !important;
 295      border-radius: 0;
 296      background-clip: padding-box;
 297      z-index: 2000
 298  }
 299  
 300  body.sceditor-maximize,
 301  html.sceditor-maximize {
 302      height: 100%;
 303      width: 100%;
 304      padding: 0;
 305      margin: 0;
 306      overflow: hidden
 307  }
 308  
 309  .sceditor-maximize div.sceditor-grip {
 310      display: none
 311  }
 312  
 313  .sceditor-maximize div.sceditor-toolbar {
 314      border-radius: 0;
 315      background-clip: padding-box
 316  }
 317  
 318  div.sceditor-dropdown {
 319      position: absolute;
 320      border: 1px solid #ccc;
 321      background: padding-box #fff;
 322      z-index: 4000;
 323      padding: 10px;
 324      font-weight: 400;
 325      font-size: 15px;
 326      border-radius: 2px;
 327      -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
 328      box-shadow: 1px 2px 4px rgba(0, 0, 0, .2)
 329  }
 330  
 331  div.sceditor-dropdown *,
 332  div.sceditor-dropdown :after,
 333  div.sceditor-dropdown :before {
 334      -webkit-box-sizing: border-box;
 335      box-sizing: border-box
 336  }
 337  
 338  div.sceditor-dropdown a,
 339  div.sceditor-dropdown a:link {
 340      color: #333
 341  }
 342  
 343  div.sceditor-dropdown form {
 344      margin: 0
 345  }
 346  
 347  div.sceditor-dropdown label {
 348      display: block;
 349      font-weight: 700;
 350      color: #3c3c3c;
 351      padding: 4px 0
 352  }
 353  
 354  div.sceditor-dropdown input,
 355  div.sceditor-dropdown textarea {
 356      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 357      outline: 0;
 358      padding: 4px;
 359      border: 1px solid #ccc;
 360      border-top-color: #888;
 361      margin: 0 0 .75em;
 362      border-radius: 1px;
 363      background-clip: padding-box
 364  }
 365  
 366  div.sceditor-dropdown textarea {
 367      padding: 6px
 368  }
 369  
 370  div.sceditor-dropdown input:focus,
 371  div.sceditor-dropdown textarea:focus {
 372      border-color: #666 #aaa #aaa;
 373      -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
 374      box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1)
 375  }
 376  
 377  div.sceditor-dropdown .button {
 378      font-weight: 700;
 379      color: #444;
 380      padding: 6px 12px;
 381      background: padding-box #ececec;
 382      border: 1px solid #ccc;
 383      border-radius: 2px;
 384      cursor: pointer;
 385      margin: .3em 0 0
 386  }
 387  
 388  div.sceditor-dropdown .button:hover {
 389      background: #f3f3f3;
 390      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
 391      box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
 392  }
 393  
 394  div.sceditor-font-picker,
 395  div.sceditor-fontsize-picker,
 396  div.sceditor-format {
 397      padding: 6px 0
 398  }
 399  
 400  div.sceditor-color-picker {
 401      padding: 4px
 402  }
 403  
 404  div.sceditor-emoticons,
 405  div.sceditor-more-emoticons {
 406      padding: 0
 407  }
 408  
 409  .sceditor-pastetext textarea {
 410      border: 1px solid #bbb;
 411      width: 20em
 412  }
 413  
 414  .sceditor-emoticons img,
 415  .sceditor-more-emoticons img {
 416      padding: 0;
 417      cursor: pointer;
 418      margin: 2px
 419  }
 420  
 421  .sceditor-more {
 422      border-top: 1px solid #bbb;
 423      display: block;
 424      text-align: center;
 425      cursor: pointer;
 426      font-weight: 700;
 427      padding: 6px 0
 428  }
 429  
 430  .sceditor-dropdown a:hover {
 431      background: #eee
 432  }
 433  
 434  .sceditor-font-option,
 435  .sceditor-fontsize-option,
 436  .sceditor-format a {
 437      display: block;
 438      padding: 7px 10px;
 439      cursor: pointer;
 440      text-decoration: none;
 441      color: #222
 442  }
 443  
 444  .sceditor-fontsize-option {
 445      padding: 7px 13px
 446  }
 447  
 448  .sceditor-color-column {
 449      float: left
 450  }
 451  
 452  .sceditor-color-option {
 453      display: block;
 454      border: 2px solid #fff;
 455      height: 18px;
 456      width: 18px;
 457      overflow: hidden
 458  }
 459  
 460  .sceditor-color-option:hover {
 461      border: 1px solid #aaa
 462  }
 463  
 464  div.sceditor-toolbar {
 465      overflow: hidden;
 466      padding: 2px 2px 1px;
 467      background: #f7f7f7;
 468      border-bottom: 1px solid #c0c0c0;
 469      line-height: 0;
 470      -webkit-user-select: none;
 471      -moz-user-select: none;
 472      -ms-user-select: none;
 473      user-select: none;
 474      -webkit-border-radius: 3px 3px 0 0;
 475      -moz-border-radius: 3px 3px 0 0;
 476      border-radius: 3px 3px 0 0;
 477      -moz-background-clip: padding;
 478      -webkit-background-clip: padding-box;
 479      background-clip: padding-box;
 480  }
 481  div.sceditor-group {
 482      display: inline-block;
 483      background: #eee;
 484      margin: 1px 5px 1px 0;
 485      padding: 1px;
 486      border-bottom: 1px solid #ccc;
 487      -webkit-border-radius: 3px;
 488      -moz-border-radius: 3px;
 489      border-radius: 3px;
 490      -moz-background-clip: padding;
 491      -webkit-background-clip: padding-box;
 492      background-clip: padding-box;
 493  }
 494  .sceditor-button {
 495      float: left;
 496      cursor: pointer;
 497      padding: 3px 5px;
 498      width: 16px;
 499      height: 20px;
 500      -webkit-border-radius: 3px;
 501      -moz-border-radius: 3px;
 502      border-radius: 3px;
 503       border:  1px solid #eee;
 504      -moz-background-clip: padding;
 505      -webkit-background-clip: padding-box;
 506      background-clip: padding-box;
 507  }
 508  .ie6 .sceditor-button, .ie7 .sceditor-button {
 509      float: none!important;
 510      display: inline;
 511      transform: scale(1);
 512  }
 513  .ie6 .sceditor-button {
 514      padding: 0;
 515  }
 516  .ie6 .sceditor-button div {
 517      margin: 5px;
 518  }
 519  .ie7 .sceditor-button div {
 520      margin: 5px 0;
 521  }
 522  .sceditor-button:hover, .sceditor-button:active, .sceditor-button.active {
 523      background: #fff;
 524      /*-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
 525      -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
 526      box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2)*/border: 1px solid #ddd;
 527  }
 528  .sceditor-button:active {
 529      background: #fff;
 530      -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);
 531      -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);
 532      box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);
 533  }
 534  .sceditor-button.disabled:hover {
 535      background: inherit;
 536      cursor: default;
 537      -webkit-box-shadow: none;
 538      -moz-box-shadow: none;
 539      box-shadow: none;
 540  }
 541  .sceditor-button, .sceditor-button div {
 542      display: block;
 543  }
 544  .sceditor-button div {
 545      display: inline-block;
 546      margin: 2px 0;
 547      padding: 0;
 548      overflow: hidden;
 549      line-height: 0;
 550      font-size: 0;
 551      color: transparent;
 552  }
 553  .sceditor-button.disabled div {
 554      opacity: .3;
 555  }
 556  
 557  .sceditor-button svg {
 558      display: inline-block;
 559      height: 16px;
 560      width: 16px;
 561      margin: 2px 0;
 562      fill: #111;
 563      text-decoration: none;
 564      pointer-events: none;
 565      line-height: 1
 566  }
 567  
 568  .sceditor-button.disabled svg {
 569      fill: #888
 570  }
 571  
 572  .sceditor-button.has-icon div {
 573      display: none
 574  }
 575  
 576  .sceditor-button.text,
 577  .sceditor-button.text div,
 578  .sceditor-button.text-icon,
 579  .sceditor-button.text-icon div,
 580  .text .sceditor-button,
 581  .text .sceditor-button div,
 582  .text-icon .sceditor-button,
 583  .text-icon .sceditor-button div {
 584      display: inline-block;
 585      width: auto;
 586      line-height: 16px;
 587      font-size: 1em;
 588      color: inherit;
 589      text-indent: 0
 590  }
 591  
 592  .sceditor-button.has-icon div,
 593  .sceditor-button.text div,
 594  .text .sceditor-button div,
 595  .text-icon .sceditor-button.has-icon div {
 596      padding: 0 2px;
 597      background: 0 0
 598  }
 599  
 600  .sceditor-button.text svg,
 601  .text .sceditor-button svg {
 602      display: none
 603  }
 604  
 605  .sceditor-button.text-icon div,
 606  .text-icon .sceditor-button div {
 607      padding: 0 2px 0 20px
 608  }
 609  
 610  .rtl div.sceditor-toolbar {
 611      text-align: right
 612  }
 613  
 614  .rtl .sceditor-button {
 615      float: right
 616  }
 617  
 618  .sceditor-button-video div {
 619      background-image: url(video.png)
 620  }
 621  
 622  .sceditor-button-php div {
 623      background-image: url(php.png)
 624  }