annotate static/js/tiny_mce/themes/advanced/skins/highcontrast/ui.css @ 693:ad69236e8501

For issue #52, update many 3rd party Javascript libraries. Updated to jquery 1.10.2, jquery ui 1.10.3. This broke a lot of stuff. - Found a newer version of the jquery cycle all plugin (3.0.3). - Updated JPlayer to 2.4.0. - Updated to MarkItUp 1.1.14. This also required me to add multiline attributes set to true on various buttons in the markdown set. - As per a stackoverflow post, added some code to get multiline titles in a jQuery UI dialog. They removed that functionality but allow you to put it back. Tweaked the MarkItUp preview CSS to show blockquotes in italic. Did not update TinyMCE at this time. I'm not using the JQuery version and this version appears to work ok for now. What I should do is make a repo for MarkItUp and do a vendor branch thing so I don't have to futz around diffing directories to figure out if I'll lose changes when I update.
author Brian Neal <bgneal@gmail.com>
date Wed, 04 Sep 2013 19:55:20 -0500
parents 6c182ceb7147
children
rev   line source
bgneal@442 1 /* Reset */
bgneal@442 2 .highcontrastSkin table, .highcontrastSkin tbody, .highcontrastSkin a, .highcontrastSkin img, .highcontrastSkin tr, .highcontrastSkin div, .highcontrastSkin td, .highcontrastSkin iframe, .highcontrastSkin span, .highcontrastSkin *, .highcontrastSkin .mceText {border:0; margin:0; padding:0; vertical-align:baseline; border-collapse:separate;}
bgneal@442 3 .highcontrastSkin a:hover, .highcontrastSkin a:link, .highcontrastSkin a:visited, .highcontrastSkin a:active {text-decoration:none; font-weight:normal; cursor:default;}
bgneal@442 4 .highcontrastSkin table td {vertical-align:middle}
bgneal@442 5
bgneal@442 6 .highcontrastSkin .mceIconOnly {display: block !important;}
bgneal@442 7
bgneal@442 8 /* External */
bgneal@442 9 .highcontrastSkin .mceExternalToolbar {position:absolute; border:1px solid; border-bottom:0; display:none; background-color: white;}
bgneal@442 10 .highcontrastSkin .mceExternalToolbar td.mceToolbar {padding-right:13px;}
bgneal@442 11 .highcontrastSkin .mceExternalClose {position:absolute; top:3px; right:3px; width:7px; height:7px;}
bgneal@442 12
bgneal@442 13 /* Layout */
bgneal@442 14 .highcontrastSkin table.mceLayout {border: 1px solid;}
bgneal@442 15 .highcontrastSkin .mceIframeContainer {border-top:1px solid; border-bottom:1px solid}
bgneal@442 16 .highcontrastSkin .mceStatusbar a:hover {text-decoration:underline}
bgneal@442 17 .highcontrastSkin .mceStatusbar {display:block; line-height:1.5em; overflow:visible;}
bgneal@442 18 .highcontrastSkin .mceStatusbar div {float:left}
bgneal@442 19 .highcontrastSkin .mceStatusbar a.mceResize {display:block; float:right; width:20px; height:20px; cursor:se-resize; outline:0}
bgneal@442 20
bgneal@442 21 .highcontrastSkin .mceToolbar td { display: inline-block; float: left;}
bgneal@442 22 .highcontrastSkin .mceToolbar tr { display: block;}
bgneal@442 23 .highcontrastSkin .mceToolbar table { display: block; }
bgneal@442 24
bgneal@442 25 /* Button */
bgneal@442 26
bgneal@442 27 .highcontrastSkin .mceButton { display:block; margin: 2px; padding: 5px 10px;border: 1px solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; height: 2em;}
bgneal@442 28 .highcontrastSkin .mceButton .mceVoiceLabel { height: 100%; vertical-align: center; line-height: 2em}
bgneal@442 29 .highcontrastSkin .mceButtonDisabled .mceVoiceLabel { opacity:0.6; -ms-filter:'alpha(opacity=60)'; filter:alpha(opacity=60);}
bgneal@442 30 .highcontrastSkin .mceButtonActive, .highcontrastSkin .mceButton:focus, .highcontrastSkin .mceButton:active { border: 5px solid; padding: 1px 6px;-webkit-focus-ring-color:none;outline:none;}
bgneal@442 31
bgneal@442 32 /* Separator */
bgneal@442 33 .highcontrastSkin .mceSeparator {display:block; width:16px; height:26px;}
bgneal@442 34
bgneal@442 35 /* ListBox */
bgneal@442 36 .highcontrastSkin .mceListBox { display: block; margin:2px;-webkit-focus-ring-color:none;outline:none;}
bgneal@442 37 .highcontrastSkin .mceListBox .mceText {padding: 5px 6px; line-height: 2em; width: 15ex; overflow: hidden;}
bgneal@442 38 .highcontrastSkin .mceListBoxDisabled .mceText { opacity:0.6; -ms-filter:'alpha(opacity=60)'; filter:alpha(opacity=60);}
bgneal@442 39 .highcontrastSkin .mceListBox a.mceText { padding: 5px 10px; display: block; height: 2em; line-height: 2em; border: 1px solid; border-right: 0; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px;}
bgneal@442 40 .highcontrastSkin .mceListBox a.mceOpen { padding: 5px 4px; display: block; height: 2em; line-height: 2em; border: 1px solid; border-left: 0; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px;}
bgneal@442 41 .highcontrastSkin .mceListBox:focus a.mceText, .highcontrastSkin .mceListBox:active a.mceText { border-width: 5px; padding: 1px 10px 1px 6px;}
bgneal@442 42 .highcontrastSkin .mceListBox:focus a.mceOpen, .highcontrastSkin .mceListBox:active a.mceOpen { border-width: 5px; padding: 1px 0px 1px 4px;}
bgneal@442 43
bgneal@442 44 .highcontrastSkin .mceListBoxMenu {overflow-y:auto}
bgneal@442 45
bgneal@442 46 /* SplitButton */
bgneal@442 47 .highcontrastSkin .mceSplitButtonDisabled .mceAction {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}
bgneal@442 48
bgneal@442 49 .highcontrastSkin .mceSplitButton { border-collapse: collapse; margin: 2px; height: 2em; line-height: 2em;-webkit-focus-ring-color:none;outline:none;}
bgneal@442 50 .highcontrastSkin .mceSplitButton td { display: table-cell; float: none; margin: 0; padding: 0; height: 2em;}
bgneal@442 51 .highcontrastSkin .mceSplitButton tr { display: table-row; }
bgneal@442 52 .highcontrastSkin table.mceSplitButton { display: table; }
bgneal@442 53 .highcontrastSkin .mceSplitButton a.mceAction { padding: 5px 10px; display: block; height: 2em; line-height: 2em; overflow: hidden; border: 1px solid; border-right: 0; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px;}
bgneal@442 54 .highcontrastSkin .mceSplitButton a.mceOpen { padding: 5px 4px; display: block; height: 2em; line-height: 2em; border: 1px solid; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px;}
bgneal@442 55 .highcontrastSkin .mceSplitButton .mceVoiceLabel { height: 2em; vertical-align: center; line-height: 2em; }
bgneal@442 56 .highcontrastSkin .mceSplitButton:focus a.mceAction, .highcontrastSkin .mceSplitButton:active a.mceAction { border-width: 5px; border-right-width: 1px; padding: 1px 10px 1px 6px;-webkit-focus-ring-color:none;outline:none;}
bgneal@442 57 .highcontrastSkin .mceSplitButton:focus a.mceOpen, .highcontrastSkin .mceSplitButton:active a.mceOpen { border-width: 5px; border-left-width: 1px; padding: 1px 0px 1px 4px;-webkit-focus-ring-color:none;outline:none;}
bgneal@442 58
bgneal@442 59 /* Menu */
bgneal@442 60 .highcontrastSkin .mceNoIcons span.mceIcon {width:0;}
bgneal@442 61 .highcontrastSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid; }
bgneal@442 62 .highcontrastSkin .mceMenu table {background:white; color: black}
bgneal@442 63 .highcontrastSkin .mceNoIcons a .mceText {padding-left:10px}
bgneal@442 64 .highcontrastSkin .mceMenu a, .highcontrastSkin .mceMenu span, .highcontrastSkin .mceMenu {display:block;background:white; color: black}
bgneal@442 65 .highcontrastSkin .mceMenu td {height:2em}
bgneal@442 66 .highcontrastSkin .mceMenu a {position:relative;padding:3px 0 4px 0; display: block;}
bgneal@442 67 .highcontrastSkin .mceMenu .mceText {position:relative; display:block; cursor:default; margin:0; padding:0 25px 0 25px;}
bgneal@442 68 .highcontrastSkin .mceMenu pre.mceText {font-family:Monospace}
bgneal@442 69 .highcontrastSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:26px;}
bgneal@442 70 .highcontrastSkin td.mceMenuItemSeparator {border-top:1px solid; height:1px}
bgneal@442 71 .highcontrastSkin .mceMenuItemTitle a {border:0; border-bottom:1px solid}
bgneal@442 72 .highcontrastSkin .mceMenuItemTitle span.mceText {font-weight:bold; padding-left:4px}
bgneal@442 73 .highcontrastSkin .mceNoIcons .mceMenuItemSelected span.mceText:before {content: "\2713\A0";}
bgneal@442 74 .highcontrastSkin .mceMenu span.mceMenuLine {display:none}
bgneal@442 75 .highcontrastSkin .mceMenuItemSub a .mceText:after {content: "\A0\25B8"}
bgneal@442 76
bgneal@442 77 /* ColorSplitButton */
bgneal@442 78 .highcontrastSkin div.mceColorSplitMenu table {background:#FFF; border:1px solid; color: #000}
bgneal@442 79 .highcontrastSkin .mceColorSplitMenu td {padding:2px}
bgneal@442 80 .highcontrastSkin .mceColorSplitMenu a {display:block; width:16px; height:16px; overflow:hidden; color:#000; margin: 0; padding: 0;}
bgneal@442 81 .highcontrastSkin .mceColorSplitMenu td.mceMoreColors {padding:1px 3px 1px 1px}
bgneal@442 82 .highcontrastSkin .mceColorSplitMenu a.mceMoreColors {width:100%; height:auto; text-align:center; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; line-height:20px; border:1px solid #FFF}
bgneal@442 83 .highcontrastSkin .mceColorSplitMenu a.mceMoreColors:hover {border:1px solid; background-color:#B6BDD2}
bgneal@442 84 .highcontrastSkin a.mceMoreColors:hover {border:1px solid #0A246A; color: #000;}
bgneal@442 85 .highcontrastSkin .mceColorPreview {display:none;}
bgneal@442 86 .highcontrastSkin .mce_forecolor span.mceAction, .highcontrastSkin .mce_backcolor span.mceAction {height:17px;overflow:hidden}
bgneal@442 87
bgneal@442 88 /* Progress,Resize */
bgneal@442 89 .highcontrastSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=50); background:#FFF}
bgneal@442 90 .highcontrastSkin .mceProgress {position:absolute; left:0; top:0; z-index:1001; background:url(../default/img/progress.gif) no-repeat; width:32px; height:32px; margin:-16px 0 0 -16px}
bgneal@442 91
bgneal@442 92 /* Formats */
bgneal@442 93 .highcontrastSkin .mce_p span.mceText {}
bgneal@442 94 .highcontrastSkin .mce_address span.mceText {font-style:italic}
bgneal@442 95 .highcontrastSkin .mce_pre span.mceText {font-family:monospace}
bgneal@442 96 .highcontrastSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em}
bgneal@442 97 .highcontrastSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em}
bgneal@442 98 .highcontrastSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em}
bgneal@442 99 .highcontrastSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em}
bgneal@442 100 .highcontrastSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em}
bgneal@442 101 .highcontrastSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em}