[Summary view] [Print] [Text view]

   1  .editor_atto_content_wrap {
   2      background-color: white;
   3      color: #333;
   4  }
   5  .editor_atto_content {
   6      padding: 4px;
   7      resize: vertical;
   8      overflow: auto;
   9  }
  10  
  11  .editor_atto_content_wrap,
  12  .editor_atto + textarea {
  13      width: 100%;
  14      padding: 0;
  15      border: 1px solid #BBB;
  16      border-top: none;
  17  }
  18  
  19  .editor_atto + textarea {
  20      border-radius: 0;
  21      resize: vertical;
  22      margin-top: -1px;
  23  }
  24  
  25  div.editor_atto_toolbar {
  26      display: block;
  27      background: #F2F2F2;
  28      min-height: 35px;
  29      border: 1px solid #BBB;
  30      width: 100%;
  31      padding: 0 0 9px 0;
  32  }
  33  
  34  div.editor_atto_toolbar button {
  35      padding: 4px 9px;
  36      background: none;
  37      border: 0;
  38      margin: 0;
  39      border-radius: 0;
  40      cursor: pointer;
  41   }
  42  
  43  div.editor_atto_toolbar button + button {
  44     border-left: 1px solid #CCC;
  45  }
  46  
  47  div.editor_atto_toolbar button[disabled] {
  48      opacity: .45;
  49      background: none;
  50      cursor: default;
  51  }
  52  
  53  .editor_atto_toolbar button:hover {
  54      background-image: radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);
  55      background-color: #ebebeb;
  56  }
  57  
  58  .editor_atto_toolbar button:active, .editor_atto_toolbar button.highlight {
  59      background-image: radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);
  60      background-color: #dfdfdf;
  61  }
  62  
  63  /* Make firefox button sizes match other browsers */
  64  div.editor_atto_toolbar button::-moz-focus-inner {
  65      border:0;
  66      padding:0;
  67  }
  68  
  69  div.editor_atto_toolbar button img.icon {
  70      padding: 0px;
  71      margin: 2px 0;
  72      /* The following is dedicated to the beloved IE8, clashing with Bootstrap. God bless you IE. */
  73      vertical-align: text-bottom;
  74      width: auto;
  75      height: auto;
  76  }
  77  
  78  div.editor_atto_toolbar div.atto_group {
  79      display: inline-block;
  80      border: 1px solid #CCC;
  81      border-bottom: 1px solid #B3B3B3;
  82      border-radius: 4px;
  83      margin: 9px 0 0 9px;
  84      background: #FFF;
  85  }
  86  
  87  .editor_atto_content img {
  88      resize: both; overflow: auto;
  89  }
  90  
  91  .atto_hasmenu {
  92      /* IE8 places the images on top of each other if that is not set. */
  93      white-space: nowrap;
  94  }
  95  
  96  .atto_menuentry img {
  97      width: 16px;
  98      height: 16px;
  99  }
 100  
 101  .atto_menuentry {
 102      clear: left;
 103  }
 104  
 105  .atto_menuentry h1,
 106  .atto_menuentry h2,
 107  .atto_menuentry p {
 108      margin: 4px;
 109  }
 110  
 111  
 112  .atto_form label.sameline {
 113      display: inline-block;
 114      min-width: 10em;
 115  }
 116  .atto_form textarea.fullwidth,
 117  .atto_form input.fullwidth {
 118      width: 100%;
 119  }
 120  .atto_form {
 121      padding-left: 30px;
 122      padding-right: 30px;
 123  }
 124  .atto_form label {
 125      display: block;
 126      margin: 0 0 5px 0;
 127  }
 128  
 129  /* RTL Rules */
 130  body.dir-rtl div.editor_atto_toolbar button + button {
 131      border-left: 0;
 132      border-right: 1px solid #CCC;
 133  }
 134  
 135  body.dir-rtl div.editor_atto_toolbar img.icon {
 136      padding: 0;
 137  }
 138  
 139  body.dir-rtl div.editor_atto_toolbar div.atto_group {
 140      margin: 9px 9px 0 0;
 141  }
 142  
 143  .atto_control {
 144      position: absolute;
 145      right: -6px;
 146      bottom: -6px;
 147      display: none;
 148      cursor: pointer;
 149  }
 150  .atto_control img {
 151      background-color: white;
 152  }
 153  div.editor_atto_content:focus .atto_control,
 154  div.editor_atto_content:hover .atto_control {
 155      display: block;
 156  }
 157  
 158  .editor_atto_menu.yui3-menu-hidden {
 159      display: none;
 160  }
 161  
 162  /* Get broken images back in firefox */
 163  .editor_atto_content img:-moz-broken {
 164      -moz-force-broken-image-icon:1;
 165      min-width:24px;
 166      min-height:24px;
 167  }
 168  
 169  /* Atto menu styling */
 170  .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
 171      padding: 0;
 172      z-index: 1000;
 173  }
 174  
 175  .editor_atto_menu .dropdown-menu > li > a {
 176    padding: 3px 14px;
 177  }
 178  
 179  .editor_atto_menu .open ul.dropdown-menu {
 180      padding-top: 5px;
 181      padding-bottom: 5px;
 182  }
 183  .editor_atto_wrap {
 184      position: relative;
 185  }
 186  .dir-rtl .editor_atto_wrap textarea {
 187      direction: ltr;
 188  }
 189  .editor_atto_notification{
 190      position: absolute;
 191      bottom: -1.5em;
 192      height: 1.5em;
 193      margin-top: 1px;
 194      cursor: pointer;
 195  }
 196  .editor_atto_notification .atto_info,
 197  .editor_atto_notification .atto_warning {
 198      display: inline-block;
 199      background-color: #F2F2F2;
 200      padding: 0.5em;
 201      padding-left: 1em;
 202      padding-right: 1em;
 203      border-bottom-left-radius: 1em;
 204      border-bottom-right-radius: 1em;
 205  }
 206  .editor_atto_notification .atto_info {
 207      background-color: #F2F2F2;
 208  }
 209  .editor_atto_notification .atto_warning {
 210      background-color: #FFD700;
 211  }
 212  .editor_atto_toolbar,
 213  .editor_atto_content_wrap,
 214  .editor_atto + textarea {
 215      box-sizing: border-box;
 216  }
 217  .dir-rtl .editor_atto_notification .atto_info,
 218  .dir-rtl .editor_atto_notification .atto_warning {
 219      border-bottom-right-radius: 1em;
 220      border-bottom-left-radius: 1em;
 221  }
 222  .dir-ltr .editor_atto_notification {
 223      right: 0;
 224  }
 225  .dir-rtl .editor_atto_notification {
 226      left: 0;
 227  }