wp/wp-includes/css/editor-rtl.css
changeset 7 cf61fcea0001
parent 5 5e2f62d02dcd
child 9 177826044cd9
equal deleted inserted replaced
6:490d5cc509ed 7:cf61fcea0001
     1 /*------------------------------------------------------------------------------
     1 /*------------------------------------------------------------------------------
     2  TinyMCE and Quicklinks toolbars
     2  TinyMCE and Quicklinks toolbars
     3 ------------------------------------------------------------------------------*/
     3 ------------------------------------------------------------------------------*/
     4 
     4 
     5 /* TinyMCE widgets/containers */
     5 /* TinyMCE widgets/containers */
       
     6 
       
     7 .mce-tinymce {
       
     8 	box-shadow: none;
       
     9 }
     6 
    10 
     7 .mce-container,
    11 .mce-container,
     8 .mce-container *,
    12 .mce-container *,
     9 .mce-widget,
    13 .mce-widget,
    10 .mce-widget * {
    14 .mce-widget * {
    11 	color: inherit;
    15 	color: inherit;
    12 	font-family: inherit;
    16 	font-family: inherit;
    13 }
    17 }
    14 
    18 
       
    19 .mce-container .mce-monospace,
       
    20 .mce-widget .mce-monospace {
       
    21 	font-family: Consolas, Monaco, monospace;
       
    22 	font-size: 13px;
       
    23 	line-height: 150%;
       
    24 }
       
    25 
    15 /* TinyMCE windows */
    26 /* TinyMCE windows */
    16 #mce-modal-block,
    27 #mce-modal-block,
    17 #mce-modal-block.mce-fade {
    28 #mce-modal-block.mce-fade {
    18 	opacity: 0.7;
    29 	opacity: 0.7;
    19 	filter: alpha(opacity=70);
    30 	filter: alpha(opacity=70);
    20 	-webkit-transition: none;
       
    21 	transition: none;
    31 	transition: none;
       
    32 	background: #000;
    22 }
    33 }
    23 
    34 
    24 .mce-window {
    35 .mce-window {
    25 	-webkit-border-radius: 0;
       
    26 	border-radius: 0;
    36 	border-radius: 0;
    27 	-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
       
    28 	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
    37 	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
    29 	-webkit-font-smoothing: subpixel-antialiased;
    38 	-webkit-font-smoothing: subpixel-antialiased;
    30 	-webkit-transition: none;
       
    31 	transition: none;
    39 	transition: none;
    32 }
    40 }
    33 
    41 
    34 .mce-window .mce-container-body.mce-abs-layout {
    42 .mce-window .mce-container-body.mce-abs-layout {
    35 	overflow: visible;
    43 	overflow: visible;
    36 }
    44 }
    37 
    45 
    38 .mce-window .mce-window-head {
    46 .mce-window .mce-window-head {
    39 	background: #fcfcfc;
    47 	background: #fcfcfc;
    40 	border-bottom: 1px solid #dfdfdf;
    48 	border-bottom: 1px solid #ddd;
    41 	padding: 0;
    49 	padding: 0;
    42 	min-height: 36px;
    50 	min-height: 36px;
    43 }
    51 }
    44 
    52 
    45 .mce-window .mce-window-head .mce-title {
    53 .mce-window .mce-window-head .mce-title {
    49 	line-height: 36px;
    57 	line-height: 36px;
    50 	margin: 0;
    58 	margin: 0;
    51 	padding: 0 16px 0 36px;
    59 	padding: 0 16px 0 36px;
    52 }
    60 }
    53 
    61 
    54 .mce-window .mce-window-head .mce-close {
    62 .mce-window .mce-window-head .mce-close,
       
    63 .mce-window-head .mce-close .mce-i-remove {
    55 	color: transparent;
    64 	color: transparent;
    56 	top: 0;
    65 	top: 0;
    57 	left: 0;
    66 	left: 0;
    58 	width: 36px;
    67 	width: 36px;
    59 	height: 36px;
    68 	height: 36px;
       
    69 	padding: 0;
    60 	line-height: 36px;
    70 	line-height: 36px;
    61 	text-align: center;
    71 	text-align: center;
    62 }
    72 }
    63 
    73 
    64 .mce-window .mce-window-head .mce-close:before {
    74 .mce-window-head .mce-close .mce-i-remove:before {
    65 	font: normal 20px/36px 'dashicons';
    75 	font: normal 20px/36px dashicons;
    66 	text-align: center;
    76 	text-align: center;
    67 	color: #666;
    77 	color: #666;
    68 	width: 36px;
    78 	width: 36px;
    69 	height: 36px;
    79 	height: 36px;
    70 	display: block;
    80 	display: block;
    71 }
    81 }
    72 
    82 
    73 .mce-window .mce-window-head .mce-close:hover:before {
    83 .mce-window-head .mce-close:hover .mce-i-remove:before,
       
    84 .mce-window-head .mce-close:focus .mce-i-remove:before {
    74 	color: #00a0d2;
    85 	color: #00a0d2;
    75 }
    86 }
    76 
    87 
       
    88 .mce-window-head .mce-close:focus .mce-i-remove,
       
    89 div.mce-tab:focus {
       
    90 	box-shadow: 0 0 0 1px #5b9dd9,
       
    91 		0 0 2px 1px rgba(30, 140, 190, .8);
       
    92 }
       
    93 
    77 .mce-window .mce-window-head .mce-dragh {
    94 .mce-window .mce-window-head .mce-dragh {
    78 	width: -webkit-calc( 100% - 36px );
       
    79 	width: calc( 100% - 36px );
    95 	width: calc( 100% - 36px );
    80 }
    96 }
    81 
    97 
    82 .mce-wp-help .mce-window-head {
    98 .mce-window .mce-foot {
    83 	border-bottom: none;
    99 	border-top: 1px solid #ddd;
    84 }
   100 }
    85 
   101 
    86 .mce-textbox,
   102 .mce-textbox,
    87 .mce-checkbox i.mce-i-checkbox,
   103 .mce-checkbox i.mce-i-checkbox,
    88 #wp-link .query-results {
   104 #wp-link .query-results {
    89 	border: 1px solid #ddd;
   105 	border: 1px solid #ddd;
    90 	-webkit-border-radius: 0;
       
    91 	border-radius: 0;
   106 	border-radius: 0;
    92 	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
       
    93 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
   107 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
    94 	-webkit-transition: .05s all ease-in-out;
       
    95 	transition: .05s all ease-in-out;
   108 	transition: .05s all ease-in-out;
    96 }
   109 }
    97 
   110 
    98 .mce-textbox:focus,
   111 .mce-textbox:focus,
    99 .mce-textbox.mce-focus,
   112 .mce-textbox.mce-focus,
   100 .mce-checkbox:focus i.mce-i-checkbox,
   113 .mce-checkbox:focus i.mce-i-checkbox,
   101 #wp-link .query-results:focus {
   114 #wp-link .query-results:focus {
   102 	border-color: #5b9dd9;
   115 	border-color: #5b9dd9;
   103 	-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
       
   104 	box-shadow: 0 0 2px rgba(30,140,190,0.8);
   116 	box-shadow: 0 0 2px rgba(30,140,190,0.8);
       
   117 }
       
   118 
       
   119 .mce-window .mce-wp-help {
       
   120 	height: 360px;
       
   121 	width: 460px;
       
   122 	overflow: auto;
       
   123 }
       
   124 
       
   125 .mce-window .mce-wp-help * {
       
   126 	box-sizing: border-box;
       
   127 }
       
   128 
       
   129 .mce-window .mce-wp-help > .mce-container-body {
       
   130 	width: auto !important;
       
   131 }
       
   132 
       
   133 .mce-window .wp-editor-help {
       
   134 	padding: 10px 20px 0 10px;
       
   135 }
       
   136 
       
   137 .mce-window .wp-editor-help h2,
       
   138 .mce-window .wp-editor-help p {
       
   139 	margin: 8px 0;
       
   140 	white-space: normal;
       
   141 	font-size: 14px;
       
   142 	font-weight: 400;
       
   143 }
       
   144 
       
   145 .mce-window .wp-editor-help table {
       
   146 	width: 100%;
       
   147 	margin-bottom: 20px;
       
   148 }
       
   149 
       
   150 .mce-window .wp-editor-help table.wp-help-single {
       
   151 	margin: 0 8px 20px;
       
   152 }
       
   153 
       
   154 .mce-window .wp-editor-help table.fixed {
       
   155 	table-layout: fixed;
       
   156 }
       
   157 
       
   158 .mce-window .wp-editor-help table.fixed th:nth-child(odd),
       
   159 .mce-window .wp-editor-help table.fixed td:nth-child(odd) {
       
   160 	width: 12%;
       
   161 }
       
   162 
       
   163 .mce-window .wp-editor-help table.fixed th:nth-child(even),
       
   164 .mce-window .wp-editor-help table.fixed td:nth-child(even) {
       
   165 	width: 38%;
       
   166 }
       
   167 
       
   168 .mce-window .wp-editor-help table.fixed th:nth-child(odd) {
       
   169 	padding: 5px 0 0;
       
   170 }
       
   171 
       
   172 .mce-window .wp-editor-help td,
       
   173 .mce-window .wp-editor-help th {
       
   174 	font-size: 13px;
       
   175 	padding: 5px;
       
   176 	vertical-align: middle;
       
   177 	word-wrap: break-word;
       
   178 	white-space: normal;
       
   179 }
       
   180 
       
   181 .mce-window .wp-editor-help th {
       
   182 	font-weight: 600;
       
   183 	padding-bottom: 0;
       
   184 }
       
   185 
       
   186 .mce-window .wp-editor-help kbd {
       
   187 	font-family: monospace;
       
   188 	padding: 2px 7px 3px;
       
   189 	font-weight: 600;
       
   190 	margin: 0;
       
   191 	background: #eaeaea;
       
   192 	background: rgba(0,0,0,0.08);
       
   193 }
       
   194 
       
   195 .mce-window .wp-help-th-center td:nth-child(odd),
       
   196 .mce-window .wp-help-th-center th:nth-child(odd) {
       
   197     text-align: center;
   105 }
   198 }
   106 
   199 
   107 /* TinyMCE menus */
   200 /* TinyMCE menus */
   108 .mce-menu,
   201 .mce-menu,
   109 .mce-floatpanel.mce-popover {
   202 .mce-floatpanel.mce-popover {
   110 	border-color: rgba(0,0,0,0.15);
   203 	border-color: rgba(0,0,0,0.15);
   111 	-webkit-border-radius: 0;
       
   112 	border-radius: 0;
   204 	border-radius: 0;
   113 	-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
       
   114 	box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
   205 	box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
   115 }
   206 }
   116 
   207 
       
   208 .mce-menu,
   117 .mce-floatpanel.mce-popover.mce-bottom {
   209 .mce-floatpanel.mce-popover.mce-bottom {
   118 	margin-top: 2px;
   210 	margin-top: 2px;
   119 }
   211 }
   120 
   212 
   121 .mce-floatpanel .mce-arrow {
   213 .mce-floatpanel .mce-arrow {
   127 }
   219 }
   128 
   220 
   129 .mce-menu-item {
   221 .mce-menu-item {
   130 	border: none;
   222 	border: none;
   131 	margin-bottom: 2px;
   223 	margin-bottom: 2px;
       
   224 	padding: 6px 12px 6px 15px;
   132 }
   225 }
   133 
   226 
   134 .mce-menu-has-icons i.mce-ico {
   227 .mce-menu-has-icons i.mce-ico {
   135 	line-height: 20px;
   228 	line-height: 20px;
   136 }
   229 }
   137 
   230 
   138 /* TinyMCE panel */
   231 /* TinyMCE panel */
   139 div.mce-panel {
   232 div.mce-panel {
   140 	border: 0;
   233 	border: 0;
   141 	background: #fff;
   234 	background: #fff;
   142 	-webkit-filter: none;
       
   143 	filter: none;
       
   144 }
   235 }
   145 
   236 
   146 .mce-panel.mce-menu {
   237 .mce-panel.mce-menu {
   147 	border: 1px solid #ddd;
   238 	border: 1px solid #ddd;
   148 }
   239 }
   151 	line-height: 13px;
   242 	line-height: 13px;
   152 }
   243 }
   153 
   244 
   154 /* TinyMCE toolbars */
   245 /* TinyMCE toolbars */
   155 div.mce-toolbar-grp {
   246 div.mce-toolbar-grp {
   156 	border-bottom: 1px solid #dedede;
   247 	border-bottom: 1px solid #ddd;
   157 	background: #f5f5f5;
   248 	background: #f5f5f5;
   158 	padding: 0;
   249 	padding: 0;
   159 	position: relative;
   250 	position: relative;
   160 }
   251 }
   161 
   252 
   162 div.mce-inline-toolbar-grp {
   253 div.mce-inline-toolbar-grp {
   163 	border: 1px solid #a0a5aa;
   254 	border: 1px solid #a0a5aa;
   164 	-webkit-border-radius: 2px;
       
   165 	border-radius: 2px;
   255 	border-radius: 2px;
   166 	-webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
       
   167 	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
   256 	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
   168 	-webkit-box-sizing: border-box;
       
   169 	-moz-box-sizing: border-box;
       
   170 	box-sizing: border-box;
   257 	box-sizing: border-box;
   171 	margin-bottom: 8px;
   258 	margin-bottom: 8px;
   172 	position: absolute;
   259 	position: absolute;
   173 	-moz-user-select: none;
   260 	-moz-user-select: none;
   174 	-webkit-user-select: none;
   261 	-webkit-user-select: none;
   175 	-ms-user-select: none;
   262 	-ms-user-select: none;
   176 	user-select: none;
   263 	user-select: none;
       
   264 	max-width: 98%;
   177 	z-index: 100100; /* Same as the other TinyMCE "panels" */
   265 	z-index: 100100; /* Same as the other TinyMCE "panels" */
   178 }
   266 }
   179 
   267 
   180 div.mce-inline-toolbar-grp > div.mce-stack-layout {
   268 div.mce-inline-toolbar-grp > div.mce-stack-layout {
   181 	padding: 1px;
   269 	padding: 1px;
   193 	display: block;
   281 	display: block;
   194 	width: 0;
   282 	width: 0;
   195 	height: 0;
   283 	height: 0;
   196 	border-style: solid;
   284 	border-style: solid;
   197 	border-color: transparent;
   285 	border-color: transparent;
   198 	content: '';
   286 	content: "";
   199 }
   287 }
   200 
   288 
   201 div.mce-inline-toolbar-grp.mce-arrow-up:before {
   289 div.mce-inline-toolbar-grp.mce-arrow-up:before {
   202 	top: -18px;
   290 	top: -9px;
   203 	border-bottom-color: #a0a5aa;
   291 	border-bottom-color: #a0a5aa;
   204 	border-width: 9px;
   292 	border-width: 0 9px 9px;
   205 	margin-right: -9px;
   293 	margin-right: -9px;
   206 }
   294 }
   207 
   295 
   208 div.mce-inline-toolbar-grp.mce-arrow-down:before {
   296 div.mce-inline-toolbar-grp.mce-arrow-down:before {
   209 	bottom: -18px;
   297 	bottom: -9px;
   210 	border-top-color: #a0a5aa;
   298 	border-top-color: #a0a5aa;
   211 	border-width: 9px;
   299 	border-width: 9px 9px 0;
   212 	margin-right: -9px;
   300 	margin-right: -9px;
   213 }
   301 }
   214 
   302 
   215 div.mce-inline-toolbar-grp.mce-arrow-up:after {
   303 div.mce-inline-toolbar-grp.mce-arrow-up:after {
   216 	top: -16px;
   304 	top: -8px;
   217 	border-bottom-color: #f5f5f5;
   305 	border-bottom-color: #f5f5f5;
   218 	border-width: 8px;
   306 	border-width: 0 8px 8px;
   219 	margin-right: -8px;
   307 	margin-right: -8px;
   220 }
   308 }
   221 
   309 
   222 div.mce-inline-toolbar-grp.mce-arrow-down:after {
   310 div.mce-inline-toolbar-grp.mce-arrow-down:after {
   223 	bottom: -16px;
   311 	bottom: -8px;
   224 	border-top-color: #f5f5f5;
   312 	border-top-color: #f5f5f5;
   225 	border-width: 8px;
   313 	border-width: 8px 8px 0;
   226 	margin-right: -8px;
   314 	margin-right: -8px;
   227 }
   315 }
   228 
   316 
   229 div.mce-inline-toolbar-grp.mce-arrow-left:before,
   317 div.mce-inline-toolbar-grp.mce-arrow-left:before,
   230 div.mce-inline-toolbar-grp.mce-arrow-left:after {
   318 div.mce-inline-toolbar-grp.mce-arrow-left:after {
   284 
   372 
   285 .mce-path,
   373 .mce-path,
   286 .mce-path-item,
   374 .mce-path-item,
   287 .mce-path .mce-divider {
   375 .mce-path .mce-divider {
   288 	font-size: 12px;
   376 	font-size: 12px;
   289 	line-height: 18px;
       
   290 }
   377 }
   291 
   378 
   292 .mce-toolbar .mce-btn,
   379 .mce-toolbar .mce-btn,
   293 .qt-dfw {
   380 .qt-dfw {
   294 	border-color: transparent;
   381 	border-color: transparent;
   295 	background: transparent;
   382 	background: transparent;
   296 	-webkit-box-shadow: none;
       
   297 	box-shadow: none;
   383 	box-shadow: none;
   298 	text-shadow: none;
   384 	text-shadow: none;
   299 	cursor: pointer;
   385 	cursor: pointer;
   300 }
   386 }
   301 
   387 
   302 #wp-fullscreen-buttons .mce-btn,
   388 .mce-btn .mce-txt {
       
   389 	direction: inherit;
       
   390 	text-align: inherit;
       
   391 }
       
   392 
   303 .mce-toolbar .mce-btn-group .mce-btn,
   393 .mce-toolbar .mce-btn-group .mce-btn,
   304 .qt-dfw {
   394 .qt-dfw {
   305 	border: 1px solid transparent;
   395 	border: 1px solid transparent;
   306 	margin: 2px;
   396 	margin: 2px;
   307 	background-image: none;
       
   308 	-webkit-border-radius: 2px;
       
   309 	border-radius: 2px;
   397 	border-radius: 2px;
   310 	-webkit-filter: none;
   398 }
   311 	filter: none;
   399 
   312 }
       
   313 
       
   314 #wp-fullscreen-buttons .mce-btn:hover,
       
   315 .mce-toolbar .mce-btn-group .mce-btn:hover,
   400 .mce-toolbar .mce-btn-group .mce-btn:hover,
   316 #wp-fullscreen-buttons .mce-btn:focus,
       
   317 .mce-toolbar .mce-btn-group .mce-btn:focus,
   401 .mce-toolbar .mce-btn-group .mce-btn:focus,
   318 .qt-dfw:hover,
   402 .qt-dfw:hover,
   319 .qt-dfw:focus {
   403 .qt-dfw:focus {
   320 	background: #fafafa;
   404 	background: #fafafa;
   321 	border-color: #999;
   405 	border-color: #555d66;
   322 	color: #23282d;
   406 	color: #23282d;
   323 	-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
       
   324 	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
   407 	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
   325 	outline: none;
   408 	outline: none;
   326 }
   409 }
   327 
   410 
   328 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
   411 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
   329 #wp-fullscreen-buttons .mce-btn.mce-active,
       
   330 .mce-toolbar .mce-btn-group .mce-btn:active,
   412 .mce-toolbar .mce-btn-group .mce-btn:active,
   331 #wp-fullscreen-buttons .mce-btn:active,
       
   332 .qt-dfw.active {
   413 .qt-dfw.active {
   333 	background: #ebebeb;
   414 	background: #ebebeb;
   334 	border-color: #999;
   415 	border-color: #555d66;
   335 	-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
       
   336 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
   416 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
   337 }
   417 }
   338 
   418 
   339 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
   419 .mce-btn.mce-active,
   340 	border-color: #555;
   420 .mce-btn.mce-active button,
   341 }
   421 .mce-btn.mce-active:hover button,
   342 
   422 .mce-btn.mce-active i,
   343 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
   423 .mce-btn.mce-active:hover i {
   344 	color: #555;
   424 	color: inherit;
       
   425 }
       
   426 
       
   427 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
       
   428 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
       
   429 	border-color: #23282d;
   345 }
   430 }
   346 
   431 
   347 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
   432 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
   348 #wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
   433 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
   349 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
       
   350 #wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
       
   351 	color: #a0a5aa;
   434 	color: #a0a5aa;
   352 	background: none;
   435 	background: none;
   353 	border-color: #ddd;
   436 	border-color: #ddd;
   354 	text-shadow: 0 1px 0 #fff;
   437 	text-shadow: 0 1px 0 #fff;
   355 	-webkit-box-shadow: none;
       
   356 	box-shadow: none;
   438 	box-shadow: none;
       
   439 }
       
   440 
       
   441 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
       
   442 	border-color: #555d66;
   357 }
   443 }
   358 
   444 
   359 .mce-toolbar .mce-btn-group .mce-first,
   445 .mce-toolbar .mce-btn-group .mce-first,
   360 .mce-toolbar .mce-btn-group .mce-last {
   446 .mce-toolbar .mce-btn-group .mce-last {
   361 	border-color: transparent;
   447 	border-color: transparent;
   363 
   449 
   364 .mce-toolbar .mce-btn button,
   450 .mce-toolbar .mce-btn button,
   365 .qt-dfw {
   451 .qt-dfw {
   366 	padding: 2px 3px;
   452 	padding: 2px 3px;
   367 	line-height: normal;
   453 	line-height: normal;
       
   454 }
       
   455 
       
   456 .mce-toolbar .mce-listbox button {
       
   457 	font-size: 13px;
       
   458 	line-height: 20px;
       
   459 	padding-right: 6px;
       
   460 	padding-left: 20px;
   368 }
   461 }
   369 
   462 
   370 .mce-toolbar .mce-btn i {
   463 .mce-toolbar .mce-btn i {
   371 	text-shadow: none;
   464 	text-shadow: none;
   372 }
   465 }
   385 	top: auto;
   478 	top: auto;
   386 	bottom: 2px;
   479 	bottom: 2px;
   387 	right: 3px;
   480 	right: 3px;
   388 	height: 3px;
   481 	height: 3px;
   389 	width: 20px;
   482 	width: 20px;
       
   483 	background: #555d66;
       
   484 }
       
   485 
       
   486 .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
       
   487 	min-width: 0;
       
   488 	background: #0085ba;
       
   489 	border-color: #0073aa #006799 #006799;
       
   490 	box-shadow: 0 1px 0 #006799;
       
   491 	color: #fff;
       
   492 	text-decoration: none;
       
   493 	text-shadow: none;
       
   494 }
       
   495 
       
   496 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
       
   497 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
       
   498 	padding: 2px 3px 1px;
       
   499 }
       
   500 
       
   501 .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
       
   502 	color: #fff;
       
   503 }
       
   504 
       
   505 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
       
   506 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
       
   507 	background: #008ec2;
       
   508 	border-color: #006799;
       
   509 	color: #fff;
       
   510 }
       
   511 
       
   512 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
       
   513 	box-shadow: 0 0 1px 1px #33b3db;
       
   514 }
       
   515 
       
   516 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
       
   517 	background: #0073aa;
       
   518 	border-color: #006799;
       
   519 	box-shadow: inset 0 2px 0 #006799;
   390 }
   520 }
   391 
   521 
   392 /* mce listbox */
   522 /* mce listbox */
   393 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
   523 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
   394     -webkit-border-radius: 0;
       
   395     border-radius: 0;
   524     border-radius: 0;
   396     direction: rtl;
   525     direction: rtl;
   397     background: #fff;
   526     background: #fff;
   398     border: 1px solid #ddd;
   527     border: 1px solid #ddd;
   399     -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
       
   400     box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
   528     box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
   401 }
   529 }
   402 
   530 
   403 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
   531 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
   404     background-image: none;
   532 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
   405     border-color: #b4b9be;
   533 	border-color: #b4b9be;
   406 }
       
   407 
       
   408 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
       
   409 	font-size: 13px;
       
   410 }
   534 }
   411 
   535 
   412 .mce-panel .mce-btn i.mce-caret {
   536 .mce-panel .mce-btn i.mce-caret {
   413 	border-top: 6px solid #777;
   537 	border-top: 6px solid #555d66;
   414 	margin-right: 2px;
   538 	margin-right: 2px;
   415 	margin-left: 2px;
   539 	margin-left: 2px;
   416 }
   540 }
   417 
   541 
   418 .mce-listbox i.mce-caret {
   542 .mce-listbox i.mce-caret {
   419 	left: 6px;
   543 	left: 4px;
   420 }
   544 }
   421 
   545 
   422 .mce-panel .mce-btn button.mce-open i.mce-caret,
   546 .mce-panel .mce-btn:hover i.mce-caret,
   423 .mce-panel .mce-btn.mce-listbox i.mce-caret {
   547 .mce-panel .mce-btn:focus i.mce-caret {
   424 	margin-right: 0;
   548 	border-top-color: #23282d;
   425 	margin-left: 0;
       
   426 }
       
   427 
       
   428 .mce-panel .mce-btn:hover i.mce-caret {
       
   429 	border-top-color: #32373c;
       
   430 }
   549 }
   431 
   550 
   432 .mce-panel .mce-active i.mce-caret {
   551 .mce-panel .mce-active i.mce-caret {
   433 	border-top: 0;
   552 	border-top: 0;
   434 	border-bottom: 6px solid #32373c;
   553 	border-bottom: 6px solid #23282d;
   435 	margin-top: 7px;
   554 	margin-top: 7px;
   436 }
   555 }
   437 
   556 
   438 .mce-listbox.mce-active i.mce-caret {
   557 .mce-listbox.mce-active i.mce-caret {
   439 	margin-top: -3px;
   558 	margin-top: -3px;
   441 
   560 
   442 .mce-toolbar .mce-splitbtn:hover .mce-open {
   561 .mce-toolbar .mce-splitbtn:hover .mce-open {
   443 	border-left-color: transparent;
   562 	border-left-color: transparent;
   444 }
   563 }
   445 
   564 
   446 .mce-toolbar .mce-splitbtn .mce-open.mce-active{
   565 .mce-toolbar .mce-splitbtn .mce-open.mce-active {
   447 	-webkit-box-shadow: none;
   566 	background: transparent;
   448 	box-shadow: none;
   567 	outline: none;
   449 }
       
   450 
       
   451 .mce-menu .mce-menu-item-normal.mce-active {
       
   452 	background-color: #e5e5e5;
       
   453 	-webkit-filter: none;
       
   454 	filter: none;
       
   455 }
   568 }
   456 
   569 
   457 .mce-menu .mce-menu-item:hover,
   570 .mce-menu .mce-menu-item:hover,
   458 .mce-menu .mce-menu-item.mce-selected,
   571 .mce-menu .mce-menu-item.mce-selected,
   459 .mce-menu .mce-menu-item:focus {
   572 .mce-menu .mce-menu-item:focus,
   460 	color: #000;
   573 .mce-menu .mce-menu-item-normal.mce-active,
   461 	background-color: #b4b9be;
   574 .mce-menu .mce-menu-item-preview.mce-active {
   462 	background-image: none;
   575 	background: #0073aa; /* See color scheme. */
   463 	-webkit-filter: none;
   576 	color: #fff;
   464 	filter: none;
   577 }
   465 }
   578 
   466 
   579 .mce-menu-item:hover .mce-text,
   467 .mce-menu .mce-menu-item:hover .mce-ico,
   580 .mce-menu-item:focus .mce-text,
   468 .mce-menu .mce-menu-item.mce-selected .mce-ico,
   581 .mce-menu-item:hover .mce-ico,
   469 .mce-menu .mce-menu-item:focus .mce-ico,
   582 .mce-menu-item:focus .mce-ico,
   470 .mce-menu .mce-menu-item:hover .mce-text,
   583 .mce-menu-item:hover .mce-menu-shortcut,
   471 .mce-menu .mce-menu-item.mce-active:hover .mce-text,
   584 .mce-menu-item:focus .mce-menu-shortcut,
   472 .mce-menu .mce-menu-item.mce-selected .mce-text {
   585 .mce-menu-item.mce-active .mce-menu-shortcut,
   473 	color: #000;
   586 .mce-menu-item.mce-disabled:hover .mce-text,
       
   587 .mce-menu-item.mce-disabled:hover .mce-ico {
       
   588 	color: inherit;
       
   589 }
       
   590 
       
   591 .mce-menu .mce-menu-item.mce-disabled {
       
   592 	cursor: default;
       
   593 }
       
   594 
       
   595 .mce-menu .mce-menu-item.mce-disabled:hover {
       
   596     background: #ccc;
   474 }
   597 }
   475 
   598 
   476 /* Menubar */
   599 /* Menubar */
   477 .mce-menubar {
   600 div.mce-menubar {
   478 	border-color: #e5e5e5;
   601 	border-color: #e5e5e5;
   479 	background: #fff;
   602 	background: #fff;
   480 	border-width: 0px 0px 1px;
   603 	border-width: 0px 0px 1px;
   481 }
   604 }
   482 
   605 
   483 .mce-menubar .mce-btn:focus {
   606 .mce-menubar .mce-menubtn:hover,
   484 	outline: 0;
   607 .mce-menubar .mce-menubtn.mce-active,
       
   608 .mce-menubar .mce-menubtn:focus {
       
   609 	border-color: transparent;
       
   610 	background: transparent;
       
   611 }
       
   612 
       
   613 .mce-menubar .mce-menubtn:focus {
       
   614 	color: #124964;
       
   615 	box-shadow:
       
   616 		0 0 0 1px #5b9dd9,
       
   617 		0 0 2px 1px rgba(30, 140, 190, .8);
   485 }
   618 }
   486 
   619 
   487 div.mce-menu .mce-menu-item-sep,
   620 div.mce-menu .mce-menu-item-sep,
   488 .mce-menu-item-sep:hover {
   621 .mce-menu-item-sep:hover {
   489 	margin: 5px 0 4px;
   622 	border-bottom: 1px solid #ddd;
       
   623 	height: 0px;
       
   624 	margin: 5px 0;
   490 }
   625 }
   491 
   626 
   492 .mce-menubtn span {
   627 .mce-menubtn span {
   493 	margin-left: 0;
   628 	margin-left: 0;
   494 	padding-right: 3px;
   629 	padding-right: 3px;
   495 }
   630 }
   496 
   631 
   497 .mce-menu-has-icons i.mce-ico:before {
   632 .mce-menu-has-icons i.mce-ico:before {
   498 	margin-right: -2px;
   633 	margin-right: -2px;
       
   634 }
       
   635 
       
   636 /* Keyboard shortcuts position */
       
   637 .mce-menu.mce-menu-align .mce-menu-item-normal {
       
   638 	position: relative;
       
   639 }
       
   640 
       
   641 .mce-menu.mce-menu-align .mce-menu-shortcut {
       
   642 	bottom: 0.6em;
       
   643 	font-size: 0.9em;
   499 }
   644 }
   500 
   645 
   501 /* Buttons in modals */
   646 /* Buttons in modals */
   502 .mce-primary button,
   647 .mce-primary button,
   503 .mce-primary button i {
   648 .mce-primary button i {
   516 	line-height: 26px;
   661 	line-height: 26px;
   517 	height: 28px;
   662 	height: 28px;
   518 	margin: 0;
   663 	margin: 0;
   519 	padding: 0;
   664 	padding: 0;
   520 	cursor: pointer;
   665 	cursor: pointer;
   521 	border: 1px solid #ccc;
   666 	border: 1px solid #cccccc;
   522 	-webkit-appearance: none;
   667 	-webkit-appearance: none;
   523 	-webkit-border-radius: 3px;
       
   524 	border-radius: 3px;
   668 	border-radius: 3px;
   525 	white-space: nowrap;
   669 	white-space: nowrap;
   526 	-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
   670 	box-shadow: 0 1px 0 #cccccc;
   527 	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
       
   528 	background-image: none;
       
   529 }
   671 }
   530 
   672 
   531 /* Remove the dotted border on :focus and the extra padding in Firefox */
   673 /* Remove the dotted border on :focus and the extra padding in Firefox */
   532 .mce-window .mce-btn::-moz-focus-inner {
   674 .mce-window .mce-btn::-moz-focus-inner {
   533 	border-width: 1px 0;
   675 	border-width: 0;
   534 	border-style: solid none;
   676 	border-style: none;
   535 	border-color: transparent;
       
   536 	padding: 0;
   677 	padding: 0;
   537 }
   678 }
   538 
   679 
   539 .mce-window .mce-btn:hover,
   680 .mce-window .mce-btn:hover,
   540 .mce-window .mce-btn:focus {
   681 .mce-window .mce-btn:focus {
   542 	border-color: #999;
   683 	border-color: #999;
   543 	color: #23282d;
   684 	color: #23282d;
   544 }
   685 }
   545 
   686 
   546 .mce-window .mce-btn:focus {
   687 .mce-window .mce-btn:focus {
   547 	-webkit-box-shadow:
   688 	border-color: #5b9dd9;
   548 		0 0 0 1px #5b9dd9,
   689 	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
   549 		0 0 2px 1px rgba( 30, 140, 190, 0.8 );
       
   550 	box-shadow:
       
   551 		0 0 0 1px #5b9dd9,
       
   552 		0 0 2px 1px rgba( 30, 140, 190, 0.8 );
       
   553 }
   690 }
   554 
   691 
   555 .mce-window .mce-btn:active {
   692 .mce-window .mce-btn:active {
   556 	background: #eee;
   693 	background: #eee;
   557 	border-color: #999;
   694 	border-color: #999;
   558 	color: #32373c;
       
   559 	-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
       
   560 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
   695 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
       
   696 	-webkit-transform: translateY(1px);
       
   697 	transform: translateY(1px);
   561 }
   698 }
   562 
   699 
   563 .mce-window .mce-btn.mce-disabled {
   700 .mce-window .mce-btn.mce-disabled {
   564 	color: #a0a5aa;
   701 	color: #a0a5aa !important;
   565 	border-color: #ddd;
   702 	border-color: #ddd !important;
   566 	background: #f7f7f7;
   703 	background: #f7f7f7 !important;
   567 	-webkit-box-shadow: none;
   704 	box-shadow: none !important;
   568 	box-shadow: none;
   705 	text-shadow: 0 1px 0 #fff !important;
   569 	text-shadow: 0 1px 0 #fff;
       
   570 	cursor: default;
   706 	cursor: default;
       
   707 	-webkit-transform: none !important;
       
   708 	transform: none !important;
   571 }
   709 }
   572 
   710 
   573 .mce-window .mce-btn.mce-primary {
   711 .mce-window .mce-btn.mce-primary {
   574 	background: #00a0d2;
   712 	background: #0085ba;
   575 	border-color: #0073aa;
   713 	border-color: #0073aa #006799 #006799;
   576 	-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
   714 	box-shadow: 0 1px 0 #006799;
   577 	box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
       
   578 	color: #fff;
   715 	color: #fff;
   579 	text-decoration: none;
   716 	text-decoration: none;
       
   717 	text-shadow: 0 -1px 1px #006799,
       
   718 		-1px 0 1px #006799,
       
   719 		0 1px 1px #006799,
       
   720 		1px 0 1px #006799;
   580 }
   721 }
   581 
   722 
   582 .mce-window .mce-btn.mce-primary:hover,
   723 .mce-window .mce-btn.mce-primary:hover,
   583 .mce-window .mce-btn.mce-primary:focus {
   724 .mce-window .mce-btn.mce-primary:focus {
   584 	background: #1e8cbe;
   725 	background: #008ec2;
   585 	border-color: #0073aa;
   726 	border-color: #006799;
   586 	-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
       
   587 	box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
       
   588 	color: #fff;
   727 	color: #fff;
   589 }
   728 }
   590 
   729 
   591 .mce-window .mce-btn.mce-primary:focus {
   730 .mce-window .mce-btn.mce-primary:focus {
   592 	border-color: #0e3950;
   731 	box-shadow: 0 1px 0 #0073aa,
   593 	-webkit-box-shadow:
   732 		0 0 2px 1px #33b3db;
   594 		inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
       
   595 		0 0 0 1px #5b9dd9,
       
   596 		0 0 2px 1px rgba( 30, 140, 190, 0.8 );
       
   597 	box-shadow:
       
   598 		inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
       
   599 		0 0 0 1px #5b9dd9,
       
   600 		0 0 2px 1px rgba( 30, 140, 190, 0.8 );
       
   601 }
   733 }
   602 
   734 
   603 .mce-window .mce-btn.mce-primary:active {
   735 .mce-window .mce-btn.mce-primary:active {
   604 	background: #1b7aa6;
   736 	background: #0073aa;
   605 	border-color: #005684;
   737 	border-color: #006799;
   606 	color: rgba( 255, 255, 255, 0.95 );
   738 	box-shadow: inset 0 2px 0 #006799;
   607 	-webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
       
   608 	box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
       
   609 	vertical-align: top;
   739 	vertical-align: top;
   610 }
   740 }
   611 
   741 
   612 .mce-window .mce-btn.mce-primary.mce-disabled {
   742 .mce-window .mce-btn.mce-primary.mce-disabled {
   613 	color: #94cde7;
   743 	color: #66c6e4 !important;
   614 	background: #298cba;
   744 	background: #008ec2 !important;
   615 	border-color: #1b607f;
   745 	border-color: #007cb2 !important;
   616 	-webkit-box-shadow: none;
   746 	box-shadow: none !important;
   617 	box-shadow: none;
   747 	text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
   618 	text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
       
   619 	cursor: default;
   748 	cursor: default;
   620 }
   749 }
   621 
   750 
   622 .mce-menubtn.mce-fixed-width button span {
   751 .mce-menubtn.mce-fixed-width span {
   623 	max-width: 80px;
   752 	overflow-x: hidden;
   624 	padding-left: 16px;
   753 	text-overflow: ellipsis;
       
   754 	width: 82px;
   625 }
   755 }
   626 
   756 
   627 /* Charmap modal */
   757 /* Charmap modal */
   628 .mce-charmap {
   758 .mce-charmap {
   629 	margin: 3px;
   759 	margin: 3px;
   630 }
   760 }
   631 
   761 
   632 .mce-charmap td {
   762 .mce-charmap td {
   633 	padding: 0;
   763 	padding: 0;
   634 	border-color: #dfdfdf;
   764 	border-color: #ddd;
   635 	cursor: pointer;
   765 	cursor: pointer;
   636 }
   766 }
   637 
   767 
   638 .mce-charmap td:hover {
   768 .mce-charmap td:hover {
   639 	background: #f3f3f3;
   769 	background: #f3f3f3;
   648 /* TinyMCE tooltips */
   778 /* TinyMCE tooltips */
   649 .mce-tooltip {
   779 .mce-tooltip {
   650 	margin-top: 2px;
   780 	margin-top: 2px;
   651 }
   781 }
   652 
   782 
       
   783 /* Don't show the tooltip. Used in Chrome RTL, see #42018 */
       
   784 .rtl .mce-tooltip.wp-hide-mce-tooltip {
       
   785 	display: none !important;
       
   786 }
       
   787 
   653 .mce-tooltip-inner {
   788 .mce-tooltip-inner {
   654 	-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
   789 	border-radius: 3px;
   655 	box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
   790 	box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
   656 	color: #fff;
   791 	color: #fff;
   657 	font-size: 12px;
   792 	font-size: 12px;
   658 }
   793 }
   659 
   794 
   665 .mce-btn-small .mce-ico {
   800 .mce-btn-small .mce-ico {
   666     font-family: 'tinymce-small', Arial;
   801     font-family: 'tinymce-small', Arial;
   667 }
   802 }
   668 
   803 
   669 .mce-toolbar .mce-ico {
   804 .mce-toolbar .mce-ico {
   670 	color: #777;
   805 	color: #555d66;
   671 	line-height: 20px;
   806 	line-height: 20px;
   672 	width: 20px;
   807 	width: 20px;
   673 	height: 20px;
   808 	height: 20px;
   674 	text-align: center;
   809 	text-align: center;
   675 	text-shadow: none;
   810 	text-shadow: none;
   676 	margin: 0;
   811 	margin: 0;
   677 	padding: 0;
   812 	padding: 0;
   678 }
   813 }
   679 
   814 
   680 .qt-dfw {
   815 .qt-dfw {
   681 	color: #777;
   816 	color: #555d66;
   682 	line-height: 20px;
   817 	line-height: 20px;
   683 	width: 28px;
   818 	width: 28px;
   684 	height: 26px;
   819 	height: 26px;
   685 	text-align: center;
   820 	text-align: center;
   686 	text-shadow: none;
   821 	text-shadow: none;
   691 }
   826 }
   692 
   827 
   693 .mce-toolbar .mce-btn:hover .mce-open,
   828 .mce-toolbar .mce-btn:hover .mce-open,
   694 .mce-toolbar .mce-btn:focus .mce-open,
   829 .mce-toolbar .mce-btn:focus .mce-open,
   695 .mce-toolbar .mce-btn.mce-active .mce-open {
   830 .mce-toolbar .mce-btn.mce-active .mce-open {
   696 	border-right-color: #999;
   831 	border-right-color: #23282d;
       
   832 }
       
   833 
       
   834 div.mce-notification {
       
   835 	right: 10% !important;
       
   836 	left: 10%;
       
   837 }
       
   838 
       
   839 .mce-notification button.mce-close {
       
   840 	left: 6px;
       
   841 	top: 3px;
       
   842 	font-weight: 400;
       
   843 	color: #555d66;
       
   844 }
       
   845 
       
   846 .mce-notification button.mce-close:hover,
       
   847 .mce-notification button.mce-close:focus {
       
   848 	color: #000;
   697 }
   849 }
   698 
   850 
   699 i.mce-i-bold,
   851 i.mce-i-bold,
   700 i.mce-i-italic,
   852 i.mce-i-italic,
   701 i.mce-i-bullist,
   853 i.mce-i-bullist,
   731 i.mce-i-ltr,
   883 i.mce-i-ltr,
   732 i.mce-i-wp_page,
   884 i.mce-i-wp_page,
   733 i.mce-i-hr,
   885 i.mce-i-hr,
   734 i.mce-i-wp_code,
   886 i.mce-i-wp_code,
   735 i.mce-i-dashicon,
   887 i.mce-i-dashicon,
   736 .mce-close {
   888 i.mce-i-remove {
   737 	font: normal 20px/1 'dashicons';
   889 	font: normal 20px/1 dashicons;
   738 	padding: 0;
   890 	padding: 0;
   739 	vertical-align: top;
   891 	vertical-align: top;
   740 	speak: none;
   892 	speak: none;
   741 	-webkit-font-smoothing: antialiased;
   893 	-webkit-font-smoothing: antialiased;
   742 	-moz-osx-font-smoothing: grayscale;
   894 	-moz-osx-font-smoothing: grayscale;
   743 	margin-right: -2px;
   895 	margin-right: -2px;
   744 	padding-left: 2px;
   896 	padding-left: 2px;
   745 }
   897 }
   746 
   898 
   747 .qt-dfw {
   899 .qt-dfw {
   748 	font: normal 20px/1 'dashicons';
   900 	font: normal 20px/1 dashicons;
   749 	vertical-align: top;
   901 	vertical-align: top;
   750 	speak: none;
   902 	speak: none;
   751 	-webkit-font-smoothing: antialiased;
   903 	-webkit-font-smoothing: antialiased;
   752 	-moz-osx-font-smoothing: grayscale;
   904 	-moz-osx-font-smoothing: grayscale;
   753 }
   905 }
   754 
   906 
   755 i.mce-i-bold:before {
   907 i.mce-i-bold:before {
   756 	content: '\f200';
   908 	content: "\f200";
   757 }
   909 }
   758 
   910 
   759 i.mce-i-italic:before {
   911 i.mce-i-italic:before {
   760 	content: '\f201';
   912 	content: "\f201";
   761 }
   913 }
   762 
   914 
   763 i.mce-i-bullist:before {
   915 i.mce-i-bullist:before {
   764 	content: '\f203';
   916 	content: "\f203";
   765 }
   917 }
   766 
   918 
   767 i.mce-i-numlist:before {
   919 i.mce-i-numlist:before {
   768 	content: '\f204';
   920 	content: "\f204";
   769 }
   921 }
   770 
   922 
   771 i.mce-i-blockquote:before {
   923 i.mce-i-blockquote:before {
   772 	content: '\f205';
   924 	content: "\f205";
   773 }
   925 }
   774 
   926 
   775 i.mce-i-alignleft:before {
   927 i.mce-i-alignleft:before {
   776 	content: '\f206';
   928 	content: "\f206";
   777 }
   929 }
   778 
   930 
   779 i.mce-i-aligncenter:before {
   931 i.mce-i-aligncenter:before {
   780 	content: '\f207';
   932 	content: "\f207";
   781 }
   933 }
   782 
   934 
   783 i.mce-i-alignright:before {
   935 i.mce-i-alignright:before {
   784 	content: '\f208';
   936 	content: "\f208";
   785 }
   937 }
   786 
   938 
   787 i.mce-i-link:before {
   939 i.mce-i-link:before {
   788 	content: '\f103';
   940 	content: "\f103";
   789 }
   941 }
   790 
   942 
   791 i.mce-i-unlink:before {
   943 i.mce-i-unlink:before {
   792 	content: '\f225';
   944 	content: "\f225";
   793 }
   945 }
   794 
   946 
   795 i.mce-i-wp_more:before {
   947 i.mce-i-wp_more:before {
   796 	content: '\f209';
   948 	content: "\f209";
   797 }
   949 }
   798 
   950 
   799 i.mce-i-strikethrough:before {
   951 i.mce-i-strikethrough:before {
   800 	content: '\f224';
   952 	content: "\f224";
   801 }
   953 }
   802 
   954 
   803 i.mce-i-spellchecker:before {
   955 i.mce-i-spellchecker:before {
   804 	content: '\f210';
   956 	content: "\f210";
   805 }
   957 }
   806 
   958 
   807 i.mce-i-fullscreen:before,
   959 i.mce-i-fullscreen:before,
   808 i.mce-i-wp_fullscreen:before,
   960 i.mce-i-wp_fullscreen:before,
   809 i.mce-i-dfw:before,
   961 i.mce-i-dfw:before,
   810 .qt-dfw:before {
   962 .qt-dfw:before {
   811 	content: '\f211';
   963 	content: "\f211";
   812 }
   964 }
   813 
   965 
   814 i.mce-i-wp_adv:before {
   966 i.mce-i-wp_adv:before {
   815 	content: '\f212';
   967 	content: "\f212";
   816 }
   968 }
   817 
   969 
   818 i.mce-i-underline:before {
   970 i.mce-i-underline:before {
   819 	content: '\f213';
   971 	content: "\f213";
   820 }
   972 }
   821 
   973 
   822 i.mce-i-alignjustify:before {
   974 i.mce-i-alignjustify:before {
   823 	content: '\f214';
   975 	content: "\f214";
   824 }
   976 }
   825 
   977 
   826 i.mce-i-forecolor:before,
   978 i.mce-i-forecolor:before,
   827 i.mce-i-backcolor:before {
   979 i.mce-i-backcolor:before {
   828 	content: '\f215';
   980 	content: "\f215";
   829 }
   981 }
   830 
   982 
   831 i.mce-i-pastetext:before {
   983 i.mce-i-pastetext:before {
   832 	content: '\f217';
   984 	content: "\f217";
   833 }
   985 }
   834 
   986 
   835 i.mce-i-removeformat:before {
   987 i.mce-i-removeformat:before {
   836 	content: '\f218';
   988 	content: "\f218";
   837 }
   989 }
   838 
   990 
   839 i.mce-i-charmap:before {
   991 i.mce-i-charmap:before {
   840 	content: '\f220';
   992 	content: "\f220";
   841 }
   993 }
   842 
   994 
   843 i.mce-i-outdent:before {
   995 i.mce-i-outdent:before {
   844 	content: '\f221';
   996 	content: "\f221";
   845 }
   997 }
   846 
   998 
   847 i.mce-i-indent:before {
   999 i.mce-i-indent:before {
   848 	content: '\f222';
  1000 	content: "\f222";
   849 }
  1001 }
   850 
  1002 
   851 i.mce-i-undo:before {
  1003 i.mce-i-undo:before {
   852 	content: '\f171';
  1004 	content: "\f171";
   853 }
  1005 }
   854 
  1006 
   855 i.mce-i-redo:before {
  1007 i.mce-i-redo:before {
   856 	content: '\f172';
  1008 	content: "\f172";
   857 }
  1009 }
   858 
  1010 
   859 i.mce-i-help:before,
  1011 i.mce-i-help:before,
   860 i.mce-i-wp_help:before {
  1012 i.mce-i-wp_help:before {
   861 	content: '\f223';
  1013 	content: "\f223";
   862 }
  1014 }
   863 
  1015 
   864 i.mce-i-wp-media-library:before {
  1016 i.mce-i-wp-media-library:before {
   865 	content: '\f104';
  1017 	content: "\f104";
   866 }
  1018 }
   867 
  1019 
   868 i.mce-i-ltr:before {
  1020 i.mce-i-ltr:before {
   869 	content: '\f320';
  1021 	content: "\f320";
   870 }
  1022 }
   871 
  1023 
   872 i.mce-i-wp_page:before {
  1024 i.mce-i-wp_page:before {
   873 	content: '\f105';
  1025 	content: "\f105";
   874 }
  1026 }
   875 
  1027 
   876 i.mce-i-hr:before {
  1028 i.mce-i-hr:before {
   877 	content: '\f460';
  1029 	content: "\f460";
   878 }
  1030 }
   879 
  1031 
   880 .mce-close:before {
  1032 i.mce-i-remove:before {
   881 	content: '\f158';
  1033 	content: "\f158";
   882 }
  1034 }
   883 
  1035 
   884 i.mce-i-wp_code:before {
  1036 i.mce-i-wp_code:before {
   885 	content: '\f475';
  1037 	content: "\f475";
   886 }
  1038 }
   887 
  1039 
   888 /* RTL button icons */
  1040 /* RTL button icons */
   889 .rtl i.mce-i-outdent:before {
  1041 .rtl i.mce-i-outdent:before {
   890 	content: '\f222';
  1042 	content: "\f222";
   891 }
  1043 }
   892 
  1044 
   893 .rtl i.mce-i-indent:before {
  1045 .rtl i.mce-i-indent:before {
   894 	content: '\f221';
  1046 	content: "\f221";
   895 }
  1047 }
   896 
  1048 
   897 /* Editors */
  1049 /* Editors */
   898 .wp-editor-wrap {
  1050 .wp-editor-wrap {
   899 	position: relative;
  1051 	position: relative;
   904 	z-index: 1;
  1056 	z-index: 1;
   905 }
  1057 }
   906 
  1058 
   907 .wp-editor-tools:after {
  1059 .wp-editor-tools:after {
   908 	clear: both;
  1060 	clear: both;
   909 	content: '';
  1061 	content: "";
   910 	display: table;
  1062 	display: table;
   911 }
  1063 }
   912 
  1064 
   913 .wp-editor-container {
  1065 .wp-editor-container {
   914 	clear: both;
  1066 	clear: both;
       
  1067 	border: 1px solid #e5e5e5;
   915 }
  1068 }
   916 
  1069 
   917 .wp-editor-area {
  1070 .wp-editor-area {
   918 	font-family: Consolas, Monaco, monospace;
  1071 	font-family: Consolas, Monaco, monospace;
   919 	font-size: 13px;
  1072 	font-size: 13px;
   920 	padding: 10px;
  1073 	padding: 10px;
   921 	margin: 1px 0 0;
  1074 	margin: 1px 0 0;
   922 	line-height: 150%;
  1075 	line-height: 150%;
   923 	border: 0 none;
  1076 	border: 0;
   924 	outline: none;
  1077 	outline: none;
   925 	display: block;
  1078 	display: block;
   926 	resize: vertical;
  1079 	resize: vertical;
   927 	-webkit-box-sizing: border-box;
       
   928 	-moz-box-sizing: border-box;
       
   929 	box-sizing: border-box;
  1080 	box-sizing: border-box;
   930 }
  1081 }
   931 
  1082 
   932 .rtl .wp-editor-area {
  1083 .rtl .wp-editor-area {
   933 	font-family: Tahoma, Monaco, monospace;
  1084 	font-family: Tahoma, Monaco, monospace;
   938 }
  1089 }
   939 
  1090 
   940 .wp-editor-container textarea.wp-editor-area {
  1091 .wp-editor-container textarea.wp-editor-area {
   941 	width: 100%;
  1092 	width: 100%;
   942 	margin: 0;
  1093 	margin: 0;
   943 	-webkit-box-shadow: none;
       
   944 	box-shadow: none;
  1094 	box-shadow: none;
   945 }
  1095 }
   946 
  1096 
   947 .wp-editor-tabs {
  1097 .wp-editor-tabs {
   948 	float: left;
  1098 	float: left;
   949 }
  1099 }
   950 
  1100 
   951 .wp-switch-editor {
  1101 .wp-switch-editor {
   952 	float: right;
  1102 	float: right;
   953 	-webkit-box-sizing: content-box;
       
   954 	-moz-box-sizing: content-box;
       
   955 	box-sizing: content-box;
  1103 	box-sizing: content-box;
   956 	position: relative;
  1104 	position: relative;
   957 	top: 1px;
  1105 	top: 1px;
   958 	background: #ebebeb;
  1106 	background: #ebebeb;
   959 	color: #777;
  1107 	color: #666;
   960 	cursor: pointer;
  1108 	cursor: pointer;
   961 	font: 13px/19px "Open Sans", sans-serif;
  1109 	font-size: 13px;
       
  1110 	line-height: 19px;
   962 	height: 20px;
  1111 	height: 20px;
   963 	margin: 5px 5px 0 0;
  1112 	margin: 5px 5px 0 0;
   964 	padding: 3px 8px 4px;
  1113 	padding: 3px 8px 4px;
   965 	border: 1px solid #e5e5e5;
  1114 	border: 1px solid #e5e5e5;
   966 }
  1115 }
   967 
  1116 
   968 .wp-switch-editor:focus {
  1117 .wp-switch-editor:focus {
   969 	-webkit-box-shadow:
       
   970 		0 0 0 1px #5b9dd9,
       
   971 		0 0 2px 1px rgba(30, 140, 190, .8);
       
   972 	box-shadow:
  1118 	box-shadow:
   973 		0 0 0 1px #5b9dd9,
  1119 		0 0 0 1px #5b9dd9,
   974 		0 0 2px 1px rgba(30, 140, 190, .8);
  1120 		0 0 2px 1px rgba(30, 140, 190, .8);
   975 	outline: none;
  1121 	outline: none;
   976 	color: #23282d;
  1122 	color: #23282d;
   977 }
  1123 }
   978 
  1124 
   979 .wp-switch-editor:active,
  1125 .wp-switch-editor:active,
   980 .html-active .switch-html:focus,
  1126 .html-active .switch-html:focus,
   981 .tmce-active .switch-tmce:focus {
  1127 .tmce-active .switch-tmce:focus {
   982 	-webkit-box-shadow: none;
       
   983 	box-shadow: none;
  1128 	box-shadow: none;
   984 }
  1129 }
   985 
  1130 
   986 .wp-switch-editor:active {
  1131 .wp-switch-editor:active {
   987 	background-color: #f5f5f5;
  1132 	background-color: #f5f5f5;
   988 	-webkit-box-shadow: none;
       
   989 	box-shadow: none;
  1133 	box-shadow: none;
   990 }
  1134 }
   991 
  1135 
   992 .js .tmce-active .wp-editor-area {
  1136 .js .tmce-active .wp-editor-area {
   993 	color: white;
  1137 	color: #fff;
   994 }
  1138 }
   995 
  1139 
   996 .tmce-active .quicktags-toolbar {
  1140 .tmce-active .quicktags-toolbar {
   997 	 display: none;
  1141 	 display: none;
   998 }
  1142 }
  1026 	padding-right: 5px;
  1170 	padding-right: 5px;
  1027 }
  1171 }
  1028 
  1172 
  1029 .wp-media-buttons a {
  1173 .wp-media-buttons a {
  1030 	text-decoration: none;
  1174 	text-decoration: none;
  1031 	color: #464646;
  1175 	color: #444;
  1032 	font-size: 12px;
  1176 	font-size: 12px;
  1033 }
  1177 }
  1034 
  1178 
  1035 .wp-media-buttons img {
  1179 .wp-media-buttons img {
  1036 	padding: 0 4px;
  1180 	padding: 0 4px;
  1048 .wp-media-buttons .add_media span.wp-media-buttons-icon {
  1192 .wp-media-buttons .add_media span.wp-media-buttons-icon {
  1049 	background: none;
  1193 	background: none;
  1050 }
  1194 }
  1051 
  1195 
  1052 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1196 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1053 	font: normal 18px/1 'dashicons';
  1197 	font: normal 18px/1 dashicons;
  1054 	speak: none;
  1198 	speak: none;
  1055 	-webkit-font-smoothing: antialiased;
  1199 	-webkit-font-smoothing: antialiased;
  1056 	-moz-osx-font-smoothing: grayscale;
  1200 	-moz-osx-font-smoothing: grayscale;
  1057 }
  1201 }
  1058 
  1202 
  1059 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1203 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1060 	content: '\f104';
  1204 	content: "\f104";
  1061 }
  1205 }
  1062 
  1206 
  1063 /* Quicktags */
  1207 /* Quicktags */
  1064 .quicktags-toolbar {
  1208 .quicktags-toolbar {
  1065 	padding: 3px;
  1209 	padding: 3px;
  1066 	position: relative;
  1210 	position: relative;
  1067 	border-bottom: 1px solid #dedede;
  1211 	border-bottom: 1px solid #ddd;
  1068 	background: #f5f5f5;
  1212 	background: #f5f5f5;
       
  1213 	min-height: 30px;
  1069 }
  1214 }
  1070 
  1215 
  1071 .has-dfw .quicktags-toolbar {
  1216 .has-dfw .quicktags-toolbar {
  1072 	padding-left: 35px;
  1217 	padding-left: 35px;
  1073 }
  1218 }
  1087 .quicktags-toolbar input[value="i"] {
  1232 .quicktags-toolbar input[value="i"] {
  1088 	font-style: italic;
  1233 	font-style: italic;
  1089 }
  1234 }
  1090 
  1235 
  1091 .quicktags-toolbar input[value="b"] {
  1236 .quicktags-toolbar input[value="b"] {
  1092 	font-weight: bold;
  1237 	font-weight: 600;
  1093 }
  1238 }
  1094 
  1239 
  1095 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
  1240 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
  1096 .qt-dfw {
  1241 .qt-dfw {
  1097 	position: absolute;
  1242 	position: absolute;
  1109 	.mce-toolbar .mce-btn button,
  1254 	.mce-toolbar .mce-btn button,
  1110 	.qt-dfw {
  1255 	.qt-dfw {
  1111 		padding: 6px 7px;
  1256 		padding: 6px 7px;
  1112 	}
  1257 	}
  1113 
  1258 
  1114 	#wp-fullscreen-buttons .mce-btn,
  1259 	/* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
       
  1260 	.mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
       
  1261 		padding: 6px 7px 5px;
       
  1262 	}
       
  1263 
  1115 	.mce-toolbar .mce-btn-group .mce-btn {
  1264 	.mce-toolbar .mce-btn-group .mce-btn {
  1116 		margin: 1px;
  1265 		margin: 1px;
  1117 	}
  1266 	}
  1118 
  1267 
  1119 	.qt-dfw {
  1268 	.qt-dfw {
  1140 	}
  1289 	}
  1141 }
  1290 }
  1142 
  1291 
  1143 @media screen and ( min-width: 782px ) {
  1292 @media screen and ( min-width: 782px ) {
  1144 	.wp-core-ui .quicktags-toolbar input.button.button-small {
  1293 	.wp-core-ui .quicktags-toolbar input.button.button-small {
  1145 		/* .button-small is normaly 11px, but a bit too small for these buttons. */
  1294 		/* .button-small is normally 11px, but a bit too small for these buttons. */
  1146 		font-size: 12px;
  1295 		font-size: 12px;
  1147 		height: 26px;
  1296 		height: 26px;
  1148 		line-height: 24px;
  1297 		line-height: 24px;
  1149 	}
  1298 	}
  1150 }
  1299 }
  1165 	background-color: #eee;
  1314 	background-color: #eee;
  1166 	margin: 2px;
  1315 	margin: 2px;
  1167 	padding: 2px;
  1316 	padding: 2px;
  1168 	border-width: 1px;
  1317 	border-width: 1px;
  1169 	border-style: solid;
  1318 	border-style: solid;
  1170 	-webkit-border-radius: 3px;
       
  1171 	border-radius: 3px;
  1319 	border-radius: 3px;
  1172 }
  1320 }
  1173 
  1321 
  1174 #wp_editimgbtn:hover,
  1322 #wp_editimgbtn:hover,
  1175 #wp_delimgbtn:hover,
  1323 #wp_delimgbtn:hover,
  1184 ------------------------------------------------------------------------------*/
  1332 ------------------------------------------------------------------------------*/
  1185 
  1333 
  1186 #wp-link-wrap {
  1334 #wp-link-wrap {
  1187 	display: none;
  1335 	display: none;
  1188 	background-color: #fff;
  1336 	background-color: #fff;
  1189 	-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
       
  1190 	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  1337 	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  1191 	width: 500px;
  1338 	width: 500px;
  1192 	overflow: hidden;
  1339 	overflow: hidden;
  1193 	margin-right: -250px;
  1340 	margin-right: -250px;
  1194 	margin-top: -125px;
  1341 	margin-top: -125px;
  1195 	position: fixed;
  1342 	position: fixed;
  1196 	top: 50%;
  1343 	top: 50%;
  1197 	right: 50%;
  1344 	right: 50%;
  1198 	z-index: 100105;
  1345 	z-index: 100105;
  1199 	-webkit-transition: height 0.2s, margin-top 0.2s;
       
  1200 	transition: height 0.2s, margin-top 0.2s;
  1346 	transition: height 0.2s, margin-top 0.2s;
  1201 }
  1347 }
  1202 
  1348 
  1203 #wp-link-backdrop {
  1349 #wp-link-backdrop {
  1204 	display: none;
  1350 	display: none;
  1217 #wp-link {
  1363 #wp-link {
  1218 	position: relative;
  1364 	position: relative;
  1219 	height: 100%;
  1365 	height: 100%;
  1220 }
  1366 }
  1221 
  1367 
  1222 #wp-link-wrap.search-panel-visible {
  1368 #wp-link-wrap {
  1223 	height: 500px;
  1369 	height: 500px;
  1224 	margin-top: -250px;
  1370 	margin-top: -250px;
  1225 }
  1371 }
  1226 
  1372 
  1227 #wp-link-wrap .wp-link-text-field {
  1373 #wp-link-wrap .wp-link-text-field {
  1232 	display: block;
  1378 	display: block;
  1233 }
  1379 }
  1234 
  1380 
  1235 #link-modal-title {
  1381 #link-modal-title {
  1236 	background: #fcfcfc;
  1382 	background: #fcfcfc;
  1237 	border-bottom: 1px solid #dfdfdf;
  1383 	border-bottom: 1px solid #ddd;
  1238 	height: 36px;
  1384 	height: 36px;
  1239 	font-size: 18px;
  1385 	font-size: 18px;
  1240 	font-weight: 600;
  1386 	font-weight: 600;
  1241 	line-height: 36px;
  1387 	line-height: 36px;
       
  1388 	margin: 0;
  1242 	padding: 0 16px 0 36px;
  1389 	padding: 0 16px 0 36px;
  1243 	top: 0;
       
  1244 	left: 0;
       
  1245 	right: 0;
       
  1246 }
  1390 }
  1247 
  1391 
  1248 #wp-link-close {
  1392 #wp-link-close {
  1249 	color: #666;
  1393 	color: #666;
  1250 	padding: 0;
  1394 	padding: 0;
  1258 	border: none;
  1402 	border: none;
  1259 	cursor: pointer;
  1403 	cursor: pointer;
  1260 }
  1404 }
  1261 
  1405 
  1262 #wp-link-close:before {
  1406 #wp-link-close:before {
  1263 	font: normal 20px/36px 'dashicons';
  1407 	font: normal 20px/36px dashicons;
  1264 	vertical-align: top;
  1408 	vertical-align: top;
  1265 	speak: none;
  1409 	speak: none;
  1266 	-webkit-font-smoothing: antialiased;
  1410 	-webkit-font-smoothing: antialiased;
  1267 	-moz-osx-font-smoothing: grayscale;
  1411 	-moz-osx-font-smoothing: grayscale;
  1268 	width: 36px;
  1412 	width: 36px;
  1269 	height: 36px;
  1413 	height: 36px;
  1270 	content: '\f158';
  1414 	content: "\f158";
  1271 }
  1415 }
  1272 
  1416 
  1273 #wp-link-close:hover,
  1417 #wp-link-close:hover,
  1274 #wp-link-close:focus {
  1418 #wp-link-close:focus {
  1275 	color: #00a0d2;
  1419 	color: #00a0d2;
  1276 }
  1420 }
  1277 
  1421 
  1278 #wp-link-close:focus {
  1422 #wp-link-close:focus {
  1279 	outline: none;
  1423 	outline: none;
  1280 	-webkit-box-shadow:
       
  1281 		0 0 0 1px #5b9dd9,
       
  1282 		0 0 2px 1px rgba(30, 140, 190, .8);
       
  1283 	box-shadow:
  1424 	box-shadow:
  1284 		0 0 0 1px #5b9dd9,
  1425 		0 0 0 1px #5b9dd9,
  1285 		0 0 2px 1px rgba(30, 140, 190, .8);
  1426 		0 0 2px 1px rgba(30, 140, 190, .8);
  1286 }
  1427 }
  1287 
  1428 
  1288 #link-selector {
  1429 #wp-link-wrap #link-selector {
  1289 	padding: 0 16px 50px;
       
  1290 }
       
  1291 
       
  1292 #wp-link-wrap.search-panel-visible #link-selector {
       
  1293 	-webkit-overflow-scrolling: touch;
  1430 	-webkit-overflow-scrolling: touch;
  1294 	padding: 0 16px;
  1431 	padding: 0 16px;
  1295 	position: absolute;
  1432 	position: absolute;
  1296 	top: 36px;
  1433 	top: 37px;
  1297 	right: 0;
  1434 	right: 0;
  1298 	left: 0;
  1435 	left: 0;
  1299 	bottom: 44px;
  1436 	bottom: 44px;
  1300 }
  1437 }
  1301 
  1438 
  1304 	list-style: none;
  1441 	list-style: none;
  1305 	margin: 0;
  1442 	margin: 0;
  1306 	padding: 0;
  1443 	padding: 0;
  1307 }
  1444 }
  1308 
  1445 
  1309 #wp-link-search-toggle:after {
       
  1310 	display: inline-block;
       
  1311 	font: normal 20px/1 'dashicons';
       
  1312 	vertical-align: top;
       
  1313 	speak: none;
       
  1314 	-webkit-font-smoothing: antialiased;
       
  1315 	-moz-osx-font-smoothing: grayscale;
       
  1316 	content: '\f140';
       
  1317 }
       
  1318 
       
  1319 .search-panel-visible #wp-link-search-toggle:after {
       
  1320 	content: '\f142';
       
  1321 }
       
  1322 
       
  1323 #wp-link input[type="text"] {
  1446 #wp-link input[type="text"] {
  1324 	-webkit-box-sizing: border-box;
       
  1325 	-moz-box-sizing: border-box;
       
  1326 	box-sizing: border-box;
  1447 	box-sizing: border-box;
  1327 }
  1448 }
  1328 
  1449 
  1329 #wp-link #link-options {
  1450 #wp-link #link-options {
  1330 	padding: 8px 0 12px;
  1451 	padding: 8px 0 12px;
  1335 }
  1456 }
  1336 
  1457 
  1337 #wp-link p.howto a {
  1458 #wp-link p.howto a {
  1338 	text-decoration: none;
  1459 	text-decoration: none;
  1339 	color: inherit;
  1460 	color: inherit;
  1340 }
       
  1341 
       
  1342 #wp-link-search-toggle {
       
  1343 	cursor: pointer;
       
  1344 }
  1461 }
  1345 
  1462 
  1346 #wp-link label input[type="text"] {
  1463 #wp-link label input[type="text"] {
  1347 	margin-top: 5px;
  1464 	margin-top: 5px;
  1348 	width: 70%;
  1465 	width: 70%;
  1353 	display: inline-block;
  1470 	display: inline-block;
  1354 	width: 80px;
  1471 	width: 80px;
  1355 	text-align: left;
  1472 	text-align: left;
  1356 	padding-left: 5px;
  1473 	padding-left: 5px;
  1357 	max-width: 24%;
  1474 	max-width: 24%;
       
  1475 	vertical-align: middle;
       
  1476 	word-wrap: break-word;
  1358 }
  1477 }
  1359 
  1478 
  1360 #wp-link .link-search-field {
  1479 #wp-link .link-search-field {
  1361 	float: right;
  1480 	float: right;
  1362 	width: 250px;
  1481 	width: 250px;
  1389 	max-width: 70%;
  1508 	max-width: 70%;
  1390 }
  1509 }
  1391 
  1510 
  1392 #wp-link .query-results {
  1511 #wp-link .query-results {
  1393 	border: 1px #dfdfdf solid;
  1512 	border: 1px #dfdfdf solid;
  1394 	margin: 0;
  1513 	margin: 0 0 12px;
  1395 	background: #fff;
  1514 	background: #fff;
  1396 	overflow: auto;
  1515 	overflow: auto;
  1397 	position: absolute;
  1516 	position: absolute;
  1398 	right: 16px;
  1517 	right: 16px;
  1399 	left: 16px;
  1518 	left: 16px;
  1400 	bottom: 16px;
  1519 	bottom: 0;
  1401 	top: 172px;
  1520 	top: 166px;
  1402 }
  1521 }
  1403 
  1522 
  1404 .has-text-field #wp-link .query-results {
  1523 .has-text-field #wp-link .query-results {
  1405 	top: 205px;
  1524 	top: 200px;
  1406 }
  1525 }
  1407 
  1526 
  1408 #wp-link li {
  1527 #wp-link li {
  1409 	clear: both;
  1528 	clear: both;
  1410 	margin-bottom: 0;
  1529 	margin-bottom: 0;
  1464 	background: #ddd;
  1583 	background: #ddd;
  1465 	color: #32373c;
  1584 	color: #32373c;
  1466 }
  1585 }
  1467 
  1586 
  1468 #wp-link li.selected .item-title {
  1587 #wp-link li.selected .item-title {
  1469 	font-weight: bold;
  1588 	font-weight: 600;
  1470 }
  1589 }
  1471 
  1590 
  1472 #wp-link li:last-child {
  1591 #wp-link li:last-child {
  1473 	border: none;
  1592 	border: none;
  1474 }
  1593 }
  1475 
  1594 
  1476 #wp-link .item-title {
  1595 #wp-link .item-title {
  1477 	display: inline-block;
  1596 	display: inline-block;
  1478 	width: 80%;
  1597 	width: 80%;
  1479 	width: -webkit-calc(100% - 68px);
       
  1480 	width: calc(100% - 68px);
  1598 	width: calc(100% - 68px);
  1481 	word-wrap: break-word;
  1599 	word-wrap: break-word;
  1482 }
  1600 }
  1483 
  1601 
  1484 #wp-link .item-info {
  1602 #wp-link .item-info {
  1488 	position: absolute;
  1606 	position: absolute;
  1489 	left: 5px;
  1607 	left: 5px;
  1490 	top: 5px;
  1608 	top: 5px;
  1491 }
  1609 }
  1492 
  1610 
  1493 #wp-link #search-results,
       
  1494 #wp-link #search-panel {
       
  1495 	display: none;
       
  1496 }
       
  1497 
       
  1498 #wp-link-wrap.search-panel-visible #search-panel {
       
  1499 	display: block;
       
  1500 }
       
  1501 
       
  1502 #wp-link .river-waiting {
  1611 #wp-link .river-waiting {
  1503 	display: none;
  1612 	display: none;
  1504 	padding: 10px 0;
  1613 	padding: 10px 0;
  1505 }
  1614 }
  1506 
  1615 
  1507 #wp-link .submitbox {
  1616 #wp-link .submitbox {
  1508 	padding: 8px 16px;
  1617 	padding: 8px 16px;
  1509 	background: #fcfcfc;
  1618 	background: #fcfcfc;
  1510 	border-top: 1px solid #dfdfdf;
  1619 	border-top: 1px solid #ddd;
  1511 	position: absolute;
  1620 	position: absolute;
  1512 	bottom: 0;
  1621 	bottom: 0;
  1513 	right: 0;
  1622 	right: 0;
  1514 	left: 0;
  1623 	left: 0;
  1515 }
  1624 }
  1524 	float: left;
  1633 	float: left;
  1525 }
  1634 }
  1526 
  1635 
  1527 #wp-link-submit {
  1636 #wp-link-submit {
  1528 	float: left;
  1637 	float: left;
  1529 	margin-bottom: 0;
       
  1530 }
  1638 }
  1531 
  1639 
  1532 @media screen and ( max-width: 782px ) {
  1640 @media screen and ( max-width: 782px ) {
  1533 	#wp-link-wrap {
  1641 	#wp-link-wrap {
  1534 		margin-top: -140px;
  1642 		margin-top: -140px;
  1535 	}
  1643 	}
  1536 
  1644 
  1537 	#wp-link-wrap.search-panel-visible .query-results {
  1645 	#wp-link-wrap .query-results {
  1538 		top: 195px;
  1646 		top: 195px;
  1539 	}
  1647 	}
  1540 
  1648 
  1541 	#wp-link-wrap.search-panel-visible.has-text-field .query-results {
  1649 	#wp-link-wrap.has-text-field .query-results {
  1542 		top: 235px;
  1650 		top: 235px;
  1543 	}
  1651 	}
  1544 
  1652 
  1545 	#link-selector {
  1653 	#link-selector {
  1546 		padding: 0 16px 60px;
  1654 		padding: 0 16px 60px;
  1547 	}
  1655 	}
  1548 
  1656 
  1549 	#wp-link-wrap.search-panel-visible #link-selector {
  1657 	#wp-link-wrap #link-selector {
  1550 		bottom: 52px;
  1658 		bottom: 52px;
  1551 	}
  1659 	}
  1552 
  1660 
  1553 	#wp-link-cancel {
  1661 	#wp-link-cancel {
  1554 		line-height: 32px;
  1662 		line-height: 32px;
       
  1663 	}
       
  1664 
       
  1665 	#wp-link .link-target {
       
  1666 		padding-top: 10px;
       
  1667 	}
       
  1668 
       
  1669 	#wp-link .submitbox .button {
       
  1670 		margin-bottom: 0;
  1555 	}
  1671 	}
  1556 }
  1672 }
  1557 
  1673 
  1558 @media screen and ( max-width: 520px ) {
  1674 @media screen and ( max-width: 520px ) {
  1559 	#wp-link-wrap {
  1675 	#wp-link-wrap {
  1565 	}
  1681 	}
  1566 }
  1682 }
  1567 
  1683 
  1568 @media screen and ( max-height: 520px ) {
  1684 @media screen and ( max-height: 520px ) {
  1569 	#wp-link-wrap {
  1685 	#wp-link-wrap {
  1570 		-webkit-transition: none;
       
  1571 		transition: none;
  1686 		transition: none;
  1572 	}
       
  1573 
       
  1574 	#wp-link-wrap.search-panel-visible {
       
  1575 		height: auto;
  1687 		height: auto;
  1576 		margin-top: 0;
  1688 		margin-top: 0;
  1577 		top: 10px;
  1689 		top: 10px;
  1578 		bottom: 10px;
  1690 		bottom: 10px;
  1579 	}
  1691 	}
  1580 
  1692 
  1581 	.search-panel-visible #link-selector {
  1693 	#link-selector {
  1582 		overflow: auto;
  1694 		overflow: auto;
  1583 	}
  1695 	}
  1584 
  1696 
  1585 	.search-panel-visible #search-panel .query-results {
  1697 	#search-panel .query-results {
  1586 		position: static;
  1698 		position: static;
  1587 	}
  1699 	}
  1588 }
  1700 }
  1589 
  1701 
  1590 @media screen and ( max-height: 290px ) {
  1702 @media screen and ( max-height: 290px ) {
  1595 		bottom: 10px;
  1707 		bottom: 10px;
  1596 	}
  1708 	}
  1597 
  1709 
  1598 	#link-selector {
  1710 	#link-selector {
  1599 		overflow: auto;
  1711 		overflow: auto;
  1600 		height: -webkit-calc(100% - 92px);
       
  1601 		height: calc(100% - 92px);
  1712 		height: calc(100% - 92px);
  1602 		padding-bottom: 2px;
  1713 		padding-bottom: 2px;
  1603 	}
  1714 	}
  1604 
  1715 
  1605 	#search-panel .query-results {
  1716 	#search-panel .query-results {
  1606 		position: static;
  1717 		position: static;
  1607 	}
  1718 	}
  1608 }
  1719 }
  1609 
  1720 
  1610 /* Old TinyMCE 3.x modal */
  1721 div.wp-link-preview {
  1611 /*
  1722 	float: right;
  1612 .clearlooks2 .mceTop {
  1723 	margin: 5px;
  1613 	border-bottom: 1px solid #ccc;
  1724 	max-width: 694px;
  1614 }
  1725 	overflow: hidden;
  1615 
  1726 	text-overflow: ellipsis;
  1616 .clearlooks2 .mceTop span {
  1727 }
  1617 	font: 13px/24px "Open Sans", sans-serif;
  1728 
  1618 	color: #e5e5e5;
  1729 div.wp-link-preview a {
  1619 }
  1730 	color: #0073aa;
  1620 
  1731 	text-decoration: underline;
  1621 .clearlooks2 .mceTop .mceLeft {
  1732 	transition-property: border, background, color;
  1622 	background: #444444;
  1733 	transition-duration: .05s;
  1623 	border-color: transparent;
  1734 	transition-timing-function: ease-in-out;
  1624 }
  1735 	cursor: pointer;
  1625 
  1736 }
  1626 .clearlooks2 .mceTop .mceRight {
  1737 
  1627 	background: #444444;
  1738 div.wp-link-preview a.wplink-url-error {
  1628 	border-color: transparent;
  1739 	color: #dc3232;
  1629 }
  1740 }
  1630 
  1741 
  1631 .clearlooks2 .mceMiddle {
  1742 div.wp-link-input {
  1632 	clip: rect(24px auto auto auto);
  1743 	float: right;
  1633 }
  1744 	margin: 2px;
  1634 
  1745 	max-width: 694px;
  1635 .clearlooks2 .mceMiddle .mceLeft {
  1746 }
  1636 	background: #f1f1f1;
  1747 
  1637 	border-color: transparent;
  1748 div.wp-link-input input {
  1638 }
  1749 	width: 300px;
  1639 
  1750 	padding: 3px;
  1640 .clearlooks2 .mceMiddle .mceRight {
  1751 	box-sizing: border-box;
  1641 	background: #f1f1f1;
  1752 }
  1642 	border-color: transparent;
  1753 
  1643 }
  1754 .mce-toolbar div.wp-link-preview ~ .mce-btn,
  1644 
  1755 .mce-toolbar div.wp-link-input ~ .mce-btn {
  1645 .clearlooks2 .mceBottom {
  1756 	margin: 2px 1px;
  1646 	background: #f1f1f1;
  1757 }
  1647 	border-color: transparent;
  1758 
  1648 }
  1759 .mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
  1649 
  1760 	margin-left: 2px;
  1650 .clearlooks2 .mceBottom .mceLeft {
  1761 }
  1651 	background: #f1f1f1;
  1762 
  1652 	border-color: transparent;
  1763 .ui-autocomplete.wplink-autocomplete {
  1653 }
  1764 	z-index: 100110;
  1654 
  1765 	max-height: 200px;
  1655 .clearlooks2 .mceBottom .mceCenter {
  1766 	overflow-y: auto;
  1656 	background: #f1f1f1;
  1767 	padding: 0;
  1657 	border-color: transparent;
  1768 	margin: 0;
  1658 }
  1769 	list-style: none;
  1659 
  1770 	position: absolute;
  1660 .clearlooks2 .mceBottom .mceRight {
  1771 	border: 1px solid #5b9dd9;
  1661 	background: #f1f1f1;
  1772 	box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
  1662 	border-color: transparent;
  1773 	background-color: #fff;
  1663 }
  1774 }
  1664 
  1775 
  1665 .clearlooks2 .mceClose,
  1776 .ui-autocomplete.wplink-autocomplete li {
  1666 .clearlooks2 .mceFocus .mceClose,
  1777 	margin-bottom: 0;
  1667 .clearlooks2 .mceFocus .mceClose:hover {
  1778 	padding: 4px 10px;
  1668 	background-image: none;
  1779 	clear: both;
  1669 }
  1780 	white-space: normal;
  1670 .clearlooks2 .mceClose:before {
  1781 	text-align: right;
  1671 	content: '\f158';
  1782 }
  1672 	font: normal 20px/1 'dashicons';
  1783 
  1673 	speak: none;
  1784 .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
  1674 	-webkit-font-smoothing: antialiased;
  1785 	float: left;
  1675 	-moz-osx-font-smoothing: grayscale;
  1786 }
  1676 	color: #999;
  1787 
  1677 	padding-left: 12px;
  1788 .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
  1678 }
  1789 	background-color: #ddd;
  1679 
  1790 	cursor: pointer;
  1680 /* from colors.css
  1791 }
  1681 .clearlooks2 {
  1792 
  1682 	box-shadow: 0 5px 15px rgba(0,0,0,0.7);
  1793 @media screen and ( max-width: 782px ) {
  1683 }
  1794 	div.wp-link-preview,
  1684 
  1795 	div.wp-link-input {
  1685 .clearlooks2 .mceMiddle span,
  1796 		max-width: 70%;
  1686 .clearlooks2 .mceMiddle .mceLeft,
  1797 		max-width: calc(100% - 86px);
  1687 .clearlooks2 .mceMiddle .mceRight,
  1798 	}
  1688 .clearlooks2 .mceBottom,
  1799 
  1689 .clearlooks2 .mceBottom .mceLeft,
  1800 	div.wp-link-preview {
  1690 .clearlooks2 .mceBottom .mceCenter,
  1801 		margin: 8px 5px 8px 0;
  1691 .clearlooks2 .mceBottom .mceRight {
  1802 	}
  1692 	background-color: #fcfcfc;
  1803 
  1693 }
  1804 	div.wp-link-input {
  1694 
  1805 		width: 300px;
  1695 .clearlooks2 .mceTop span,
  1806 	}
  1696 .clearlooks2 .mceFocus .mceTop span {
  1807 
  1697 	color: #23282d;
  1808 	div.wp-link-input input {
  1698 }
  1809 		width: 100%;
  1699 
  1810 		font-size: 16px;
  1700 .clearlooks2 .mceClose:before {
  1811 		padding: 5px;
  1701 	color: #999;
  1812 	}
  1702 }
       
  1703 
       
  1704 .clearlooks2 .mceClose:hover:before {
       
  1705 	color: #00a0d2;
       
  1706 }
       
  1707 */
       
  1708 /* Distraction-Free Writing mode
       
  1709  * =Overlay Styles
       
  1710 -------------------------------------------------------------- */
       
  1711 .fullscreen-overlay {
       
  1712 	z-index: 100005;
       
  1713 	display: none;
       
  1714 	position: fixed;
       
  1715 	top: 0;
       
  1716 	bottom: 0;
       
  1717 	right: 0;
       
  1718 	left: 0;
       
  1719 	-webkit-filter: inherit;
       
  1720 	filter: inherit;
       
  1721 }
       
  1722 
       
  1723 .wp-fullscreen-active .fullscreen-overlay,
       
  1724 .wp-fullscreen-active #wp-fullscreen-body {
       
  1725 	display: block;
       
  1726 }
       
  1727 
       
  1728 .fullscreen-fader {
       
  1729 	z-index: 200000;
       
  1730 }
       
  1731 
       
  1732 .wp-fullscreen-active .fullscreen-fader,
       
  1733 .wp-core-ui.wp-fullscreen-active .postbox-container {
       
  1734 	display: none;
       
  1735 }
  1813 }
  1736 
  1814 
  1737 /* =Overlay Body
  1815 /* =Overlay Body
  1738 -------------------------------------------------------------- */
  1816 -------------------------------------------------------------- */
  1739 
  1817 
  1740 #wp-fullscreen-body,
       
  1741 .mce-fullscreen {
  1818 .mce-fullscreen {
  1742 	z-index: 100010;
  1819 	z-index: 100010;
  1743 }
       
  1744 
       
  1745 #wp-fullscreen-body {
       
  1746 	display: none;
       
  1747 }
       
  1748 
       
  1749 .wp-fullscreen-wrap {
       
  1750 	margin: 0;
       
  1751 	padding: 0;
       
  1752 	position: absolute;
       
  1753 	right: 0;
       
  1754 	left: 0;
       
  1755 	bottom: 30px;
       
  1756 	top: 60px;
       
  1757 	z-index: 100015;
       
  1758 }
       
  1759 
       
  1760 .wp-fullscreen-wrap .wp-editor-container,
       
  1761 .wp-fullscreen-title,
       
  1762 #wp-fullscreen-central-toolbar {
       
  1763 	-webkit-box-sizing: border-box;
       
  1764 	-moz-box-sizing: border-box;
       
  1765 	box-sizing: border-box;
       
  1766 	max-width: 100%;
       
  1767 }
       
  1768 
       
  1769 .wp-fullscreen-active .wp-editor-tools,
       
  1770 .wp-fullscreen-active .quicktags-toolbar,
       
  1771 .wp-fullscreen-active .mce-toolbar-grp,
       
  1772 .wp-fullscreen-active .mce-statusbar {
       
  1773 	display: none;
       
  1774 }
       
  1775 
       
  1776 #wp-fullscreen-statusbar {
       
  1777 	position: fixed;
       
  1778 	right: 0;
       
  1779 	left: 0;
       
  1780 	bottom: 0;
       
  1781 	height: 30px;
       
  1782 	z-index: 100020;
       
  1783 	background: #fff;
       
  1784 	-webkit-transition: height 0.2s;
       
  1785 	transition: height 0.2s;
       
  1786 }
       
  1787 
       
  1788 #wp-fullscreen-status {
       
  1789 	margin: 0 auto;
       
  1790 	padding: 0;
       
  1791 }
       
  1792 
       
  1793 .wp-fullscreen-active .wp-fullscreen-title,
       
  1794 .wp-fullscreen-active .wp-fullscreen-title:focus,
       
  1795 .wp-fullscreen-active .wp-editor-container {
       
  1796 	-webkit-border-radius: 0;
       
  1797 	border-radius: 0;
       
  1798 	border: 1px dashed transparent;
       
  1799 	background: transparent;
       
  1800 	-webkit-box-shadow: none;
       
  1801 	box-shadow: none;
       
  1802 	-webkit-transition: border-color 0.4s;
       
  1803 	transition: border-color 0.4s;
       
  1804 }
       
  1805 
       
  1806 .wp-fullscreen-active .wp-editor-container {
       
  1807 	margin: 0 auto 40px;
       
  1808 }
       
  1809 
       
  1810 .wp-fullscreen-active .wp-fullscreen-title {
       
  1811 	font-size: 1.7em;
       
  1812 	line-height: 100%;
       
  1813 	outline: medium none;
       
  1814 	padding: 3px 7px;
       
  1815 	margin: 10px auto 30px;
       
  1816 	display: block;
       
  1817 }
       
  1818 
       
  1819 #wp-fullscreen-tagline {
       
  1820 	color: #82878c;
       
  1821 	font-size: 18px;
       
  1822 	float: left;
       
  1823 	padding: 4px 0 0;
       
  1824 }
       
  1825 
       
  1826 /* =Top bar
       
  1827 -------------------------------------------------------------- */
       
  1828 #fullscreen-topbar {
       
  1829 	background: #f5f5f5;
       
  1830 	border-bottom: 1px solid #dedede;
       
  1831 	height: 45px;
       
  1832 	position: fixed;
       
  1833 	right: 0;
       
  1834 	left: 0;
       
  1835 	top: 0;
       
  1836 	width: 100%;
       
  1837 	z-index: 100020;
       
  1838 	-webkit-transition: opacity 0.4s;
       
  1839 	transition: opacity 0.4s;
       
  1840 }
       
  1841 
       
  1842 #wp-fullscreen-toolbar {
       
  1843 	padding: 6px 10px 0;
       
  1844 	clear: both;
       
  1845 	max-width: 1100px;
       
  1846 	margin: 0 auto;
       
  1847 }
       
  1848 
       
  1849 #wp-fullscreen-mode-bar,
       
  1850 #wp-fullscreen-button-bar,
       
  1851 #wp-fullscreen-close {
       
  1852 	float: right;
       
  1853 }
       
  1854 
       
  1855 #wp-fullscreen-count,
       
  1856 #wp-fullscreen-tagline {
       
  1857 	display: inline-block;
       
  1858 }
       
  1859 
       
  1860 #wp-fullscreen-button-bar {
       
  1861 	margin-top: 2px;
       
  1862 }
       
  1863 
       
  1864 #wp-fullscreen-save {
       
  1865 	float: left;
       
  1866 	padding: 2px 0 0;
       
  1867 	min-width: 95px;
       
  1868 }
       
  1869 
       
  1870 #wp-fullscreen-count,
       
  1871 #wp-fullscreen-close {
       
  1872 	padding: 5px 0 0;
       
  1873 }
       
  1874 
       
  1875 #wp-fullscreen-central-toolbar {
       
  1876 	margin: auto;
       
  1877 	padding: 0;
       
  1878 	min-width: 620px;
       
  1879 }
       
  1880 
       
  1881 #wp-fullscreen-buttons > div {
       
  1882 	float: right;
       
  1883 }
       
  1884 
       
  1885 #wp-fullscreen-mode-bar {
       
  1886 	padding: 3px 0 0 14px;
       
  1887 }
       
  1888 
       
  1889 #wp-fullscreen-buttons .hidden {
       
  1890 	display: none;
       
  1891 }
       
  1892 
       
  1893 #wp-fullscreen-buttons .disabled {
       
  1894 	opacity: 0.5;
       
  1895 }
       
  1896 
       
  1897 #wp-fullscreen-buttons .mce-btn button {
       
  1898     margin: 0;
       
  1899     outline: 0 none;
       
  1900     border: 0 none;
       
  1901     white-space: nowrap;
       
  1902     width: auto;
       
  1903     background: none;
       
  1904 	color: #32373c;
       
  1905     cursor: pointer;
       
  1906     font-size: 18px;
       
  1907     line-height: 20px;
       
  1908     overflow: visible;
       
  1909     text-align: center;
       
  1910     -webkit-box-sizing: border-box;
       
  1911     -moz-box-sizing: border-box;
       
  1912     box-sizing: border-box;
       
  1913 }
       
  1914 
       
  1915 .wp-html-mode #wp-fullscreen-buttons div {
       
  1916 	display: none;
       
  1917 }
       
  1918 
       
  1919 .wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
       
  1920 	display: block;
       
  1921 }
       
  1922 
       
  1923 #wp-fullscreen-save img {
       
  1924 	vertical-align: middle;
       
  1925 }
       
  1926 
       
  1927 #wp-fullscreen-save span {
       
  1928 	display: none;
       
  1929 	margin: 5px 6px 0;
       
  1930 	float: right;
       
  1931 }
       
  1932 
       
  1933 /* =Thickbox Adjustments
       
  1934 -------------------------------------------------------------- */
       
  1935 .wp-fullscreen-active #TB_overlay {
       
  1936 	z-index: 100050;
       
  1937 }
       
  1938 
       
  1939 .wp-fullscreen-active #TB_window {
       
  1940 	z-index: 100051;
       
  1941 }
       
  1942 
       
  1943 /* Colors */
       
  1944 .fullscreen-overlay {
       
  1945 	background: #fff;
       
  1946 }
       
  1947 
       
  1948 /* =CSS 3 transitions
       
  1949 -------------------------------------------------------------- */
       
  1950 
       
  1951 .wp-fullscreen-active #fullscreen-topbar {
       
  1952 	-webkit-transition-duration: 0.8s;
       
  1953 	transition-duration: 0.8s;
       
  1954 	opacity: 0;
       
  1955 	filter: alpha(opacity=0);
       
  1956 }
       
  1957 
       
  1958 .wp-fullscreen-active #wp-fullscreen-statusbar {
       
  1959 	height: 0;
       
  1960 }
       
  1961 
       
  1962 .wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
       
  1963 	-webkit-transition-duration: 0.4s;
       
  1964 	transition-duration: 0.4s;
       
  1965 	opacity: 1;
       
  1966 	filter: alpha(opacity=100);
       
  1967 }
       
  1968 
       
  1969 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
       
  1970 	height: 29px;
       
  1971 	background: #f8f8f8;
       
  1972 	border-top: 1px solid #eee;
       
  1973 }
       
  1974 
       
  1975 .wp-fullscreen-active .wp-fullscreen-title,
       
  1976 .wp-fullscreen-active .wp-editor-container {
       
  1977 	-webkit-transition-duration: 0.8s;
       
  1978 	transition-duration: 0.8s;
       
  1979 	border-color: transparent;
       
  1980 }
       
  1981 
       
  1982 .wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,
       
  1983 .wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
       
  1984 	-webkit-transition-duration: 0.4s;
       
  1985 	transition-duration: 0.4s;
       
  1986 	border-color: #ccc;
       
  1987 }
       
  1988 
       
  1989 .fade-1000,
       
  1990 .fade-600,
       
  1991 .fade-400,
       
  1992 .fade-300 {
       
  1993 	opacity: 0;
       
  1994 	-webkit-transition-property: opacity;
       
  1995 	transition-property: opacity;
       
  1996 }
       
  1997 
       
  1998 .fade-1000 {
       
  1999 	-webkit-transition-duration: 1s;
       
  2000 	transition-duration: 1s;
       
  2001 }
       
  2002 
       
  2003 .fade-600 {
       
  2004 	-webkit-transition-duration: 0.6s;
       
  2005 	transition-duration: 0.6s;
       
  2006 }
       
  2007 
       
  2008 .fade-400 {
       
  2009 	-webkit-transition-duration: 0.4s;
       
  2010 	transition-duration: 0.4s;
       
  2011 }
       
  2012 
       
  2013 .fade-300 {
       
  2014 	-webkit-transition-duration: 0.3s;
       
  2015 	transition-duration: 0.3s;
       
  2016 }
       
  2017 
       
  2018 .fade-trigger {
       
  2019 	opacity: 1;
       
  2020 }
       
  2021 
       
  2022 /* DFW on touch screen devices */
       
  2023 .wp-dfw-touch #fullscreen-topbar {
       
  2024 	position: absolute;
       
  2025 	opacity: 1;
       
  2026 }
       
  2027 
       
  2028 .wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container,
       
  2029 .wp-dfw-touch .wp-fullscreen-title {
       
  2030 	max-width: 700px;
       
  2031 }
       
  2032 
       
  2033 .wp-fullscreen-active.wp-dfw-touch  .wp-fullscreen-title,
       
  2034 .wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
       
  2035 	border-color: #ccc;
       
  2036 }
       
  2037 
       
  2038 .wp-dfw-touch #wp-fullscreen-statusbar {
       
  2039 	height: 30px;
       
  2040 }
       
  2041 
       
  2042 @media screen and ( max-width: 782px ) {
       
  2043 	#wp-fullscreen-close,
       
  2044 	#wp-fullscreen-central-toolbar,
       
  2045 	#wp-fullscreen-mode-bar,
       
  2046 	#wp-fullscreen-button-bar,
       
  2047 	#wp-fullscreen-save {
       
  2048 		display: inline-block;
       
  2049 	}
       
  2050 
       
  2051 	#fullscreen-topbar {
       
  2052 		height: 85px;
       
  2053 	}
       
  2054 
       
  2055 	#wp-fullscreen-central-toolbar {
       
  2056 		width: auto !important;
       
  2057 		min-width: 0;
       
  2058 	}
       
  2059 
       
  2060 	#wp-fullscreen-close {
       
  2061 		line-height: 30px;
       
  2062 		vertical-align: top;
       
  2063 		padding: 0 12px;
       
  2064 	}
       
  2065 
       
  2066 	#wp-fullscreen-button-bar {
       
  2067 		position: absolute;
       
  2068 		top: 45px;
       
  2069 		right: 0;
       
  2070 	}
       
  2071 
       
  2072 	.wp-fullscreen-wrap {
       
  2073 		top: 95px;
       
  2074 	}
       
  2075 
       
  2076 	#wp-fullscreen-save {
       
  2077 		position: absolute;
       
  2078 		left: 10px;
       
  2079 	}
       
  2080 }
       
  2081 
       
  2082 @media screen and ( max-width: 480px ) {
       
  2083 	#wp_fs_help {
       
  2084 		display: none;
       
  2085 	}
       
  2086 
       
  2087 	.wp-fullscreen-wrap .wp-editor-container,
       
  2088 	.wp-fullscreen-title {
       
  2089 		width: 480px !important;
       
  2090 	}
       
  2091 
       
  2092 	body.wp-fullscreen-active {
       
  2093 		width: 480px;
       
  2094 		overflow: auto;
       
  2095 	}
       
  2096 
       
  2097 	#fullscreen-topbar,
       
  2098 	.wp-fullscreen-wrap {
       
  2099 		width: 480px;
       
  2100 	}
       
  2101 
       
  2102 	#fullscreen-topbar {
       
  2103 		position: absolute;
       
  2104 	}
       
  2105 
       
  2106 	#wp-fullscreen-status {
       
  2107 		width: auto !important;
       
  2108 		max-width: 100%;
       
  2109 		padding: 0 10px;
       
  2110 	}
       
  2111 }
  1820 }
  2112 
  1821 
  2113 /* =Localization
  1822 /* =Localization
  2114 -------------------------------------------------------------- */
  1823 -------------------------------------------------------------- */
  2115 .rtl .wp-switch-editor,
  1824 .rtl .wp-switch-editor,
  2134 
  1843 
  2135 /* HiDPI */
  1844 /* HiDPI */
  2136 @media print,
  1845 @media print,
  2137   (-webkit-min-device-pixel-ratio: 1.25),
  1846   (-webkit-min-device-pixel-ratio: 1.25),
  2138   (min-resolution: 120dpi) {
  1847   (min-resolution: 120dpi) {
  2139 	.wp-media-buttons .add_media span.wp-media-buttons-icon,
  1848 	.wp-media-buttons .add_media span.wp-media-buttons-icon {
  2140 	#wp-fullscreen-buttons #wp_fs_image span.mce_image {
       
  2141 		background: none;
  1849 		background: none;
  2142 	}
  1850 	}
  2143 }
  1851 }