2 -webkit-font-smoothing: antialiased;
11 font-family: "Helvetica", "Arial", "FreeSans", "Verdana", "Tahoma", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
12 background: #F6F6F6 url(../img/initializing.png) 50% 50% no-repeat;
21 (-webkit-min-device-pixel-ratio: 2),
22 (min-resolution: 192dpi) {
24 background: #F6F6F6 url(../img/initializing@2x.png) 50% 50% no-repeat;
25 background-size: 186px 157px;
31 -webkit-font-smoothing: subpixel-antialiased;
34 #show-result #sidebar,
35 #show-result #content {
36 transition: opacity .4s;
37 -moz-transition: opacity .4s;
38 -webkit-transition: opacity .4s;
39 -o-transition: opacity .4s;
40 -ms-transition: opacity .4s;
41 -webkit-transform: translateZ(0);
42 /*-moz-transform: translateZ(0);*/
48 ================================================================ */
50 margin: 14px 15px 0 232px;
57 ================================================================ */
66 padding: 0 7px 0 10px;
76 background: transparent url(../img/logo.png) no-repeat 0 50%;
78 text-transform: uppercase;
80 text-decoration: none;
86 (-webkit-min-device-pixel-ratio: 2),
87 (min-resolution: 192dpi) {
89 background: transparent url(../img/logo@2x.png) no-repeat 0 50%;
90 background-size: 136px 23px;
95 ================================================================ */
104 background-color: #fff;
116 #sidebar input[type='text'],
117 #sidebar input[type='password'],
122 font-family: "Helvetica", "Arial", "FreeSans", "Verdana", "Tahoma", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
125 border: solid 1px #C0C0C0;
126 box-shadow: inset 0 1px 2px #e4e4e4;
131 #sidebar input[type='text'].warning {
132 border: solid 1px #e58b85;
157 font-family: "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
172 #sidebar .element strong {
176 #sidebar .elementBody {
178 border-top-style: none;
180 border-bottom-style: none;
187 padding: 4px 8px 8px;
190 #sidebar .ebCont h3 {
194 border-top: 1px solid #EEEFEE;
197 #sidebar .selectPanel {
202 #sidebar .selectPanel .panelChoice,
203 #sidebar .selectPanel .selectFake {
208 #sidebar .selectPanel .selectFake {
229 .panelChoice.result {
247 #sidebar .toggler em {
262 #sidebar .toggler.active {
267 #sidebar .toggler.selected {
271 #sidebar .element a {
273 text-decoration: none;
277 border-bottom: 1px solid #DFDFDF;
280 #sidebar .element a:hover {
281 text-decoration: underline;
290 #shell_settings li input {
295 margin: 10px 0 10px 3px;
299 #sidebar #share_links label,
300 #share_links_dropdown label {
303 font-family: "Helvetica", "Arial", "FreeSans", "Verdana", "Tahoma", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
307 #sidebar #share_links p,
308 #share_links_dropdown p {
312 #share_links_dropdown input {
316 font-family: "Helvetica", "Arial", "FreeSans", "Verdana", "Tahoma", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
318 border: solid 1px #C0C0C0;
320 box-shadow: inset 0 1px 2px #e4e4e4;
324 .libraryTagAttributes {
334 #actions ul.actionCont {
342 #actions li.actionItem {
348 #actions li.actionItem .aiButton,
349 #actions li.actionItem .aiButton span,
350 #actions ul.dropdown li.actionItem a.aiButton {
354 #actions li.actionItem a.aiButton {
357 text-decoration: none;
363 #actions li.actionItem a.aiButton span {
369 #actions li.noIcon a.aiButton span {
374 #actions li.actionItem #mobile.aiButton span {
378 #actions li.actionItem a.aiButton span.selected {
384 #actions ul.dropdown .dropdownCont li {
388 #actions ul.dropdown .dcWrapper a {
390 text-decoration: none;
393 #actions ul.dropdown .dcWrapper a:hover {
394 text-decoration: underline;
397 #actions ul.dropdown .dropdownCont li a {
399 text-decoration: none;
403 #actions ul.dropdown .dropdownCont li a span {
407 #actions ul.dropdown .dropdownCont li a:hover {
411 #actions ul.collapsed li.actionItem {
414 #actions ul.dropdown li.actionItem a.aiButton {
417 #actions ul.dropdown li.actionItem a.aiButton span {
422 #actions #toggleSidebarUl {
429 #actions #toggleSidebar {
433 text-decoration: none;
438 background: transparent;
441 #actions #toggleSidebar span {
447 #actions #showjscode {
451 #actions #collaborate sup {
452 background: rgba(0, 0, 0, 0.5);
454 vertical-align: middle;
458 text-transform: uppercase;
464 background: transparent url(../img/sprites.png) no-repeat 0 -254px;
475 /* universal dropdown container
476 ================================================================ */
484 padding: 0 30px 30px;
487 div.dropdownCont div.dcWrapper {
488 background-color: #fff;
493 box-shadow: 0 2px 30px rgba(0, 0, 0, 0.4);
496 #actions div.dropdownCont div.dcWrapper ul li a {
503 #actions div.dropdownCont div.dcWrapper ul li a:hover {
508 ================================================================ */
509 #content fieldset.column {
517 border: 1px solid #C0C0C0;
518 box-shadow: inset 0 1px 2px #e4e4e4;
551 background: url(../img/handle-v.png) 3px 50% no-repeat;
555 .handler_horizontal {
563 background: url(../img/handle-h.png) 50% 3px no-repeat;
573 font-family: "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
581 box-shadow: inset 0 1px 3px #E4E4E4;
582 border: 0 !important;
585 /* resizing sets display to inline, this overrides */
590 .heyoffline_overlay {
596 border: solid 1px #F1F1F1;
598 display: inline-block;
614 background: transparent url(../img/sprites.png) no-repeat -301px -320px;
618 text-indent: -9999px;
626 /* we want editors to fill up all the space available */
627 .CodeMirror-wrapping {
632 /* shim to cover iframes when dragging */
643 /* external resources
644 ================================================================ */
645 #sidebar #external-resources-form {
649 /* place resource button next to input */
650 #sidebar #external-resources-form #external_resource {
657 /* custom style inputs/buttons */
658 #sidebar #external-resources-form .submit,
661 border: solid 1px #EDEDED;
672 #sidebar #external-resources-form .submit:hover,
673 #sidebar .submit:hover {
674 text-decoration: none;
677 #sidebar .commonButton {
690 ================================================================ */
698 #actions .actionCont .dropdownCont #share-social a {
699 text-decoration: none;
704 #actions .actionCont .dropdownCont #share-social a:hover {
705 text-decoration: underline;
713 ================================================================ */
714 #documentation-info {
719 #documentation-info p {
723 #documentation-info a {
724 text-decoration: none;
727 #documentation-info a:hover {
728 text-decoration: underline;
732 /* style the external resources list
733 ================================================================ */
734 #sidebar #external_resources_list {
737 #sidebar #external_resources_list li {
742 #sidebar #external_resources_list li .filename {
745 #sidebar #external_resources_list li .remove {
750 text-indent: -9000em;
753 background: url(../img/remove-resources.png) -10px 50% no-repeat;
756 #sidebar #external_resources_list li a.remove:hover {
757 background: url(../img/remove-resources.png) 0 50% no-repeat;
760 #add_external_resource {
764 ================================================================ */
768 border: 1px solid #EBBA95;
771 margin: 7px 8px 10px;
773 text-shadow: 0 1px 0 #FFF7F4;
777 -moz-border-radius: 2px;
778 -webkit-border-radius: 2px;
789 background: url(../img/info-close.png);
799 ================================================================ */
808 .disqus_thread .modalBody {
812 margin-bottom: 0 !important;
823 .modal_confirmation {
828 .modal_Coffee .error,
829 .modal_jslint .evidence {
831 font-family: "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
836 .modal_Coffee .error {
840 .modal_jslint #errors {
844 .modal_jslint #errors p {
848 .modal_jslint p.evidence {
850 margin-bottom: 10px !important;
859 transition-duration: 0.2s;
860 transition-property: webkit-transform opacity;
861 transform: scale(0.94);
863 -webkit-transition-duration: 0.2s;
864 -webkit-transition-property: webkit-transform opacity;
865 -webkit-transform: scale(0.94);
867 -moz-transition-duration: 0.2s;
868 -moz-transition-property: moz-transform opacity;
869 -moz-transform: scale(0.94);
871 -o-transition-duration: 0.2s;
872 -o-transition-property: o-transform opacity;
873 -o-transform: scale(0.94);
875 -ms-transition-duration: 0.2s;
876 -ms-transition-property: ms-transform opacity;
877 -ms-transform: scale(0.94);
879 -webkit-transform: translateZ(0);
880 /*-moz-transform: translateZ(0);*/
883 box-shadow: 0 5px 50px rgba(0, 0, 0, 0.3);
884 border: solid 1px #ACB3B9;
889 transform: scale(1.0);
890 -webkit-transform: scale(1.0);
891 -moz-transform: scale(1.0);
892 -o-transform: scale(1.0);
893 -ms-transform: scale(1.0);
896 .modalWrap .modalHeading {
901 .modalWrap .modalHeading .close {
902 background: url(../img/modal/close.png) 0 0 no-repeat;
909 text-indent: -9000em;
913 .modalWrap .modalHeading h3 {
919 .modalWrap .modalBody {
923 .modalWrap .modalBody strong {
937 text-decoration: none;
946 border: solid 1px #ABABAB;
949 font-family: 'Lucida Grande';
955 text-decoration: underline;
963 border-bottom: solid 1px #E6E6E6;
972 border: solid 1px #ABABAB;
974 font-family: 'Lucida Grande';
988 background: rgba(255, 234, 147, 0.9);
996 .warningTooltip code,
997 .warningTooltip strong {
1001 .warningTooltip li {
1002 border-top: solid 1px #eddf97;
1016 vertical-align: middle;