| 633 | | /* =CSS 3 transitions |
| 634 | | -------------------------------------------------------------- */ |
| 635 | | |
| 636 | | .fade-1000, |
| 637 | | .fade-600, |
| 638 | | .fade-400, |
| 639 | | .fade-300 { |
| 640 | | opacity: 0; |
| 641 | | -moz-transition-property: opacity; |
| 642 | | -webkit-transition-property: opacity; |
| 643 | | -o-transition-property: opacity; |
| 644 | | transition-property: opacity; |
| 645 | | } |
| 646 | | |
| 647 | | .fade-1000 { |
| 648 | | -moz-transition-duration: 1s; |
| 649 | | -webkit-transition-duration: 1s; |
| 650 | | -o-transition-duration: 1s; |
| 651 | | transition-duration: 1s; |
| 652 | | } |
| 653 | | |
| 654 | | .fade-600 { |
| 655 | | -moz-transition-duration: 0.6s; |
| 656 | | -webkit-transition-duration: 0.6s; |
| 657 | | -o-transition-duration: 0.6s; |
| 658 | | transition-duration: 0.6s; |
| 659 | | } |
| 660 | | |
| 661 | | .fade-400 { |
| 662 | | -moz-transition-duration: 0.4s; |
| 663 | | -webkit-transition-duration: 0.4s; |
| 664 | | -o-transition-duration: 0.4s; |
| 665 | | transition-duration: 0.4s; |
| 666 | | } |
| 667 | | |
| 668 | | .fade-300 { |
| 669 | | -moz-transition-duration: 0.3s; |
| 670 | | -webkit-transition-duration: 0.3s; |
| 671 | | -o-transition-duration: 0.3s; |
| 672 | | transition-duration: 0.3s; |
| 673 | | } |
| 674 | | |
| 675 | | .fade-trigger { |
| 676 | | opacity: 1; |
| 677 | | } |
| 678 | | |
| 679 | | |
| 1129 | | /* Distraction Free Writing mode |
| 1130 | | * =Overlay Styles |
| 1131 | | -------------------------------------------------------------- */ |
| 1132 | | .fullscreen-overlay { |
| 1133 | | z-index: 149999; |
| 1134 | | display: none; |
| 1135 | | position: fixed; |
| 1136 | | top: 0; |
| 1137 | | bottom: 0; |
| 1138 | | left: 0; |
| 1139 | | right: 0; |
| 1140 | | filter: inherit; |
| 1141 | | } |
| 1142 | | |
| 1143 | | .fullscreen-active .fullscreen-overlay, |
| 1144 | | .fullscreen-active #wp-fullscreen-body { |
| 1145 | | display: block; |
| 1146 | | } |
| 1147 | | |
| 1148 | | .fullscreen-fader { |
| 1149 | | z-index: 200000; |
| 1150 | | } |
| 1151 | | |
| 1152 | | .fullscreen-active .fullscreen-fader { |
| 1153 | | display: none; |
| 1154 | | } |
| 1155 | | |
| 1156 | | /* =Overlay Body |
| 1157 | | -------------------------------------------------------------- */ |
| 1158 | | #wp-fullscreen-body { |
| 1159 | | width: 100%; |
| 1160 | | z-index: 150005; |
| 1161 | | display: none; |
| 1162 | | position: absolute; |
| 1163 | | top: 0; |
| 1164 | | left: 0; |
| 1165 | | } |
| 1166 | | |
| 1167 | | #wp-fullscreen-wrap { |
| 1168 | | margin: 0 auto 50px; |
| 1169 | | position: relative; |
| 1170 | | padding-top: 60px; |
| 1171 | | } |
| 1172 | | |
| 1173 | | #wp-fullscreen-title { |
| 1174 | | font-size: 1.7em; |
| 1175 | | line-height: 100%; |
| 1176 | | outline: medium none; |
| 1177 | | padding: 6px 7px; |
| 1178 | | width: 100%; |
| 1179 | | margin-bottom: 30px; |
| 1180 | | } |
| 1181 | | |
| 1182 | | #wp-fullscreen-container { |
| 1183 | | padding: 4px 10px 50px; |
| 1184 | | } |
| 1185 | | |
| 1186 | | #wp-fullscreen-title, |
| 1187 | | #wp-fullscreen-container { |
| 1188 | | -webkit-border-radius: 0; |
| 1189 | | border-radius: 0; |
| 1190 | | border: 1px dashed transparent; |
| 1191 | | background: transparent; |
| 1192 | | -moz-transition-property: border-color; |
| 1193 | | -moz-transition-duration: 0.6s; |
| 1194 | | -webkit-transition-property: border-color; |
| 1195 | | -webkit-transition-duration: 0.6s; |
| 1196 | | -o-transition-property: border-color; |
| 1197 | | -o-transition-duration: 0.6s; |
| 1198 | | transition-property: border-color; |
| 1199 | | transition-duration: 0.6s; |
| 1200 | | } |
| 1201 | | |
| 1202 | | #wp_mce_fullscreen { |
| 1203 | | width: 100%; |
| 1204 | | min-height: 300px; |
| 1205 | | border: 0; |
| 1206 | | background: transparent; |
| 1207 | | font-family: Consolas, Monaco, monospace; |
| 1208 | | line-height: 1.6em; |
| 1209 | | padding: 0; |
| 1210 | | overflow-y: hidden; |
| 1211 | | outline: none; |
| 1212 | | resize: none; |
| 1213 | | } |
| 1214 | | |
| 1215 | | #wp-fullscreen-tagline { |
| 1216 | | color: #BBBBBB; |
| 1217 | | font-size: 18px; |
| 1218 | | float: right; |
| 1219 | | padding-top: 5px; |
| 1220 | | } |
| 1221 | | |
| 1222 | | /* =Top bar |
| 1223 | | -------------------------------------------------------------- */ |
| 1224 | | #fullscreen-topbar { |
| 1225 | | position: fixed; |
| 1226 | | top: 0; |
| 1227 | | left: 0; |
| 1228 | | z-index: 150050; |
| 1229 | | border-bottom-style: solid; |
| 1230 | | border-bottom-width: 1px; |
| 1231 | | min-width: 800px; |
| 1232 | | width: 100%; |
| 1233 | | height: 40px; |
| 1234 | | } |
| 1235 | | |
| 1236 | | #wp-fullscreen-toolbar { |
| 1237 | | padding: 6px 10px 0; |
| 1238 | | clear: both; |
| 1239 | | max-width: 1100px; |
| 1240 | | min-width: 820px; |
| 1241 | | margin: 0 auto; |
| 1242 | | } |
| 1243 | | |
| 1244 | | #wp-fullscreen-mode-bar, |
| 1245 | | #wp-fullscreen-button-bar, |
| 1246 | | #wp-fullscreen-close, |
| 1247 | | #wp-fullscreen-count { |
| 1248 | | float: left; |
| 1249 | | } |
| 1250 | | |
| 1251 | | #wp-fullscreen-save { |
| 1252 | | float: right; |
| 1253 | | padding: 2px 2px 0 5px; |
| 1254 | | } |
| 1255 | | |
| 1256 | | #wp-fullscreen-count, |
| 1257 | | #wp-fullscreen-close { |
| 1258 | | padding-top: 5px; |
| 1259 | | } |
| 1260 | | |
| 1261 | | #wp-fullscreen-central-toolbar { |
| 1262 | | margin: auto; |
| 1263 | | padding: 0; |
| 1264 | | } |
| 1265 | | |
| 1266 | | #wp-fullscreen-buttons > div { |
| 1267 | | float: left; |
| 1268 | | } |
| 1269 | | |
| 1270 | | #wp-fullscreen-mode-bar { |
| 1271 | | padding: 1px 14px 0 0; |
| 1272 | | } |
| 1273 | | |
| 1274 | | #wp-fullscreen-modes a { |
| 1275 | | display: block; |
| 1276 | | font-size: 11px; |
| 1277 | | text-decoration: none; |
| 1278 | | float: left; |
| 1279 | | margin: 1px 0 0 0; |
| 1280 | | padding: 2px 6px 2px; |
| 1281 | | border-width: 1px 1px 1px 0; |
| 1282 | | border-style: solid; |
| 1283 | | border-color: #bbb; |
| 1284 | | color: #777; |
| 1285 | | text-shadow: 0 1px 0 #fff; |
| 1286 | | background-color: #f4f4f4; |
| 1287 | | background-image: -moz-linear-gradient(bottom, #e4e4e4, #f9f9f9); |
| 1288 | | background-image: -webkit-gradient(linear, left bottom, left top, from(#e4e4e4), to(#f9f9f9)); |
| 1289 | | } |
| 1290 | | |
| 1291 | | #wp-fullscreen-modes a:hover, |
| 1292 | | .wp-html-mode #wp-fullscreen-modes a:last-child, |
| 1293 | | .wp-tmce-mode #wp-fullscreen-modes a:first-child { |
| 1294 | | color: #333; |
| 1295 | | border-color: #999; |
| 1296 | | background-color: #eee; |
| 1297 | | background-image: -moz-linear-gradient(bottom, #f9f9f9, #e0e0e0); |
| 1298 | | background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(#e0e0e0)); |
| 1299 | | } |
| 1300 | | |
| 1301 | | #wp-fullscreen-modes a:first-child { |
| 1302 | | border-width: 1px; |
| 1303 | | -webkit-border-top-left-radius: 3px; |
| 1304 | | -webkit-border-bottom-left-radius: 3px; |
| 1305 | | border-top-left-radius: 3px; |
| 1306 | | border-bottom-left-radius: 3px; |
| 1307 | | } |
| 1308 | | |
| 1309 | | #wp-fullscreen-modes a:last-child { |
| 1310 | | -webkit-border-top-right-radius: 3px; |
| 1311 | | -webkit-border-bottom-right-radius: 3px; |
| 1312 | | border-top-right-radius: 3px; |
| 1313 | | border-bottom-right-radius: 3px; |
| 1314 | | } |
| 1315 | | |
| 1316 | | #wp-fullscreen-buttons .active a { |
| 1317 | | background: inherit; |
| 1318 | | } |
| 1319 | | |
| 1320 | | #wp-fullscreen-buttons .hidden { |
| 1321 | | display: none; |
| 1322 | | } |
| 1323 | | |
| 1324 | | #wp-fullscreen-buttons .disabled { |
| 1325 | | opacity: 0.5; |
| 1326 | | } |
| 1327 | | |
| 1328 | | .wp-html-mode #wp-fullscreen-buttons div { |
| 1329 | | display: none; |
| 1330 | | } |
| 1331 | | |
| 1332 | | .wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both { |
| 1333 | | display: block; |
| 1334 | | } |
| 1335 | | |
| 1336 | | #fullscreen-topbar.fullscreen-make-sticky { |
| 1337 | | display: block !important; |
| 1338 | | } |
| 1339 | | |
| 1340 | | #wp-fullscreen-save img { |
| 1341 | | vertical-align: middle; |
| 1342 | | } |
| 1343 | | |
| 1344 | | #wp-fullscreen-save img, |
| 1345 | | #wp-fullscreen-save span { |
| 1346 | | padding-right: 4px; |
| 1347 | | display: none; |
| 1348 | | } |
| 1349 | | |
| 1350 | | #wp-fullscreen-buttons .mce_image .mce_image { |
| 1351 | | background-image: url('../images/menu.png?ver=20120201'); |
| 1352 | | background-position: -124px -38px; |
| 1353 | | } |
| 1354 | | |
| 1355 | | #wp-fullscreen-buttons .mce_image .mce_image:hover { |
| 1356 | | background-position: -124px -6px; |
| 1357 | | } |
| 1358 | | |
| 1359 | | /* =Thickbox Adjustments |
| 1360 | | -------------------------------------------------------------- */ |
| 1361 | | .fullscreen-active #TB_overlay { |
| 1362 | | z-index: 150100; |
| 1363 | | } |
| 1364 | | |
| 1365 | | .fullscreen-active #TB_window { |
| 1366 | | z-index: 150102; |
| 1367 | | } |
| 1368 | | |
| 1369 | | /* =TinyMCE Adjustments |
| 1370 | | -------------------------------------------------------------- */ |
| 1371 | | #wp_mce_fullscreen_ifr { |
| 1372 | | background: transparent; |
| 1373 | | } |
| 1374 | | |
| 1375 | | #wp_mce_fullscreen_parent #wp_mce_fullscreen_tbl tr.mceFirst { |
| 1376 | | display : none; |
| 1377 | | } |
| 1378 | | |
| 1379 | | #wp-fullscreen-container .wp_themeSkin table td { |
| 1380 | | vertical-align: top; |
| 1381 | | } |
| 1382 | | |
| 1383 | | |