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