aleph1.co.uk Git - yaffs-website/blob - web/core/themes/seven/css/theme/ckeditor-dialog.css

   1 /**
   2  * @file
   3  * CKEditor-native dialogs theming.
   4  */
   5
   6 .cke_dialog_background_cover {
   7   display: none;
   8 }
   9 .cke_dialog:before {
  10   content: '';
  11   position: fixed;
  12   top: 0;
  13   left: 0;
  14   width: 100%;
  15   height: 100%;
  16   background: #000;
  17   opacity: 0.70;
  18 }
  19 [dir="rtl"] .cke_reset_all * {
  20   text-align: right;
  21   direction: rtl;
  22 }
  23 .cke_reset_all .cke_dialog_body {
  24   position: relative;
  25   border: 0;
  26   border-radius: 0;
  27   background: none;
  28 }
  29 .cke_reset_all .cke_dialog_body * {
  30   font: 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
  31 }
  32
  33 /* Dialog's header. */
  34 .cke_reset_all .cke_dialog_title {
  35   padding: 15px 49px 15px 15px;
  36   border: 0;
  37   border-top-left-radius: 5px;
  38   border-top-right-radius: 5px;
  39   font-size: 1.3344em;
  40   line-height: 1.315em;
  41   font-weight: 600;
  42   background: #6b6b6b;
  43   color: #fff;
  44   box-shadow: none;
  45   text-shadow: none;
  46   -webkit-font-smoothing: antialiased;
  47 }
  48 [dir="rtl"] .cke_reset_all .cke_dialog_title {
  49   padding: 15px 15px 15px 49px;
  50 }
  51
  52 /* More specificity to prevent overriding in high density screens. */
  53 .cke_reset_all .cke_dialog .cke_dialog_close_button {
  54   top: 16px;
  55   right: 20px;
  56   width: 16px;
  57   height: 16px;
  58   background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
  59   opacity: 1;
  60 }
  61 [dir="rtl"] .cke_reset_all .cke_dialog .cke_dialog_close_button {
  62   left: 20px;
  63   right: auto;
  64 }
  65 .cke_reset_all .cke_dialog .cke_label {
  66   display: none;
  67 }
  68
  69 /* Dialog's body. */
  70 .cke_reset_all .cke_dialog_contents {
  71   border-bottom-left-radius: 5px;
  72   border-bottom-right-radius: 5px;
  73 }
  74 .cke_reset_all .cke_dialog_contents_body {
  75   padding: 1em;
  76 }
  77 .cke_reset_all tr:hover,
  78 .cke_reset_all tr:focus {
  79   background: none;
  80 }
  81 [dir="rtl"] .cke_reset_all .cke_dialog_ui_hbox_first,
  82 [dir="rtl"] .cke_reset_all .cke_dialog_ui_hbox_child {
  83   padding-left: 10px;
  84   padding-right: 0;
  85 }
  86 .cke_reset_all .cke_dialog_body label {
  87   display: table;
  88   margin: 0 0 0.1em;
  89   padding: 0;
  90   font-weight: bold;
  91 }
  92 .cke_reset_all .cke_dialog_body .cke_dialog_ui_input_text,
  93 .cke_reset_all .cke_dialog_body .cke_dialog_ui_input_textarea,
  94 .cke_reset_all .cke_dialog_body div.cke_dialog_ui_input_select {
  95   border: 0;
  96 }
  97 .cke_reset_all .cke_dialog_body textarea,
  98 .cke_reset_all .cke_dialog_body input[type="text"],
  99 .cke_reset_all select.cke_dialog_ui_input_select {
 100   box-sizing: border-box;
 101   max-width: 100%;
 102   margin: 0 0 3px;
 103   padding: 0.3em 0.4em 0.3em 0.5em;
 104   border: 1px solid #b8b8b8;
 105   border-top-color: #999;
 106   border-radius: 2px;
 107   font-size: 1em;
 108   line-height: normal;
 109   background: #fcfcfa;
 110   color: #595959;
 111   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
 112   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
 113   transition: border linear 0.2s, box-shadow linear 0.2s;
 114 }
 115 .cke_reset_all select.cke_dialog_ui_input_select {
 116   padding-right: 1.5em;
 117   background: #fcfcfa url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%;
 118 }
 119 .cke_reset_all .cke_dialog_body textarea:focus,
 120 .cke_reset_all .cke_dialog_body input[type="text"]:focus,
 121 .cke_reset_all select.cke_dialog_ui_input_select:focus {
 122   border-color: #40b6ff;
 123   outline: 0;
 124   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
 125   background-color: #fff;
 126 }
 127
 128 /* Dialog's footer. */
 129 .cke_reset_all .cke_dialog .cke_dialog_footer {
 130   margin: 0;
 131   padding: 15px 20px;
 132   border: 0;
 133   border-bottom-left-radius: 5px;
 134   border-bottom-right-radius: 5px;
 135   outline: none;
 136   text-align: left;
 137   background: #f5f5f2;
 138 }
 139 [dir="rtl"] .cke_reset_all .cke_dialog .cke_dialog_footer {
 140   text-align: right;
 141 }
 142 .cke_reset_all .cke_dialog .cke_resizer {
 143   display: none;
 144 }
 145 .cke_reset_all .cke_dialog_footer_buttons {
 146   margin: 0;
 147 }
 148 .cke_dialog_footer_buttons td {
 149   float: right;
 150 }
 151 [dir="rtl"] .cke_dialog_footer_buttons td {
 152   float: left;
 153 }
 154 .cke_reset_all a.cke_dialog_ui_button {
 155   position: relative;
 156   box-sizing: border-box;
 157   display: inline-block;
 158   margin-right: 1em;
 159   padding: 4px 1.5em;
 160   border: 1px solid #a6a6a6;
 161   border-radius: 20em;
 162   text-align: center;
 163   font-weight: 600;
 164   font-size: 14px;
 165   font-size: 0.875rem;
 166   line-height: normal;
 167   background-color: #f2f1eb;
 168   background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
 169   background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
 170   color: #333;
 171   text-decoration: none;
 172   text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
 173   cursor: pointer;
 174   -webkit-appearance: none;
 175   -moz-appearance: none;
 176   -webkit-transition: all 0.1s;
 177   transition: all 0.1s;
 178   -webkit-font-smoothing: antialiased;
 179 }
 180 [dir="rtl"] .cke_reset_all a.cke_dialog_ui_button {
 181   margin-left: 1em;
 182   margin-right: 0;
 183 }
 184
 185 /* More specificity to prevent overriding in high contrast mode. */
 186 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:hover,
 187 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus {
 188   padding: 4px 1.5em;
 189   border: 1px solid #a6a6a6;
 190   background-color: #f9f8f6;
 191   background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
 192   background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
 193   color: #1a1a1a;
 194   text-decoration: none;
 195   box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125)
 196 }
 197 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus {
 198   z-index: 10;
 199   border: 1px solid #3AB2FF;
 200   box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
 201 }
 202 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:active {
 203   padding: 4px 1.5em;
 204   border: 1px solid #a6a6a6;
 205   background-color: #dfdfd9;
 206   background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
 207   background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
 208   box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
 209   -webkit-transition: none;
 210   transition: none;
 211 }
 212 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button span {
 213   padding: 0;
 214   font-size: 0.875rem;
 215   line-height: normal;
 216   text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
 217 }
 218 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:hover span,
 219 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus span,
 220 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:active span {
 221   padding: 0;
 222 }
 223 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok {
 224   border-color: #1e5c90;
 225   font-weight: 700;
 226   background-color: #0071b8;
 227   background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
 228   background-image: linear-gradient(to bottom, #007bc6, #0071b8);
 229   color: #fff;
 230   text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
 231   -webkit-font-smoothing: antialiased;
 232 }
 233 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:hover,
 234 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:focus {
 235   background-color: #2369a6;
 236   background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
 237   background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
 238   border-color: #1e5c90;
 239   color: #fff;
 240   box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
 241 }
 242 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:focus {
 243   border: 1px solid #1280df;
 244   box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
 245 }
 246 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:active {
 247   background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
 248   background-image: linear-gradient(to bottom, #08639b, #0071b8);
 249   border-color: #144b78;
 250   box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
 251 }
 252 .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok span {
 253   text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
 254 }