annotate static/js/tiny_mce/themes/advanced/skins/highcontrast/dialog.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 /* Generic */
bgneal@442 2 body {
bgneal@442 3 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
bgneal@442 4 background:#F0F0EE;
bgneal@442 5 color: black;
bgneal@442 6 padding:0;
bgneal@442 7 margin:8px 8px 0 8px;
bgneal@442 8 }
bgneal@442 9
bgneal@442 10 html {background:#F0F0EE; color:#000;}
bgneal@442 11 td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
bgneal@442 12 textarea {resize:none;outline:none;}
bgneal@442 13 a:link, a:visited {color:black;background-color:transparent;}
bgneal@442 14 a:hover {color:#2B6FB6;background-color:transparent;}
bgneal@442 15 .nowrap {white-space: nowrap}
bgneal@442 16
bgneal@442 17 /* Forms */
bgneal@442 18 fieldset {margin:0; padding:4px; border:1px solid #919B9C; font-family:Verdana, Arial; font-size:10px;}
bgneal@442 19 legend {color:#2B6FB6; font-weight:bold;}
bgneal@442 20 label.msg {display:none;}
bgneal@442 21 label.invalid {color:#EE0000; display:inline;background-color:transparent;}
bgneal@442 22 input.invalid {border:1px solid #EE0000;background-color:transparent;}
bgneal@442 23 input {background:#FFF; border:1px solid #CCC;color:black;}
bgneal@442 24 input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
bgneal@442 25 input, select, textarea {border:1px solid #808080;}
bgneal@442 26 input.radio {border:1px none #000000; background:transparent; vertical-align:middle;}
bgneal@442 27 input.checkbox {border:1px none #000000; background:transparent; vertical-align:middle;}
bgneal@442 28 .input_noborder {border:0;}
bgneal@442 29
bgneal@442 30 /* Buttons */
bgneal@442 31 #insert, #cancel, input.button, .updateButton {
bgneal@442 32 font-weight:bold;
bgneal@442 33 width:94px; height:23px;
bgneal@442 34 cursor:pointer;
bgneal@442 35 padding-bottom:2px;
bgneal@442 36 float:left;
bgneal@442 37 }
bgneal@442 38
bgneal@442 39 #cancel {float:right}
bgneal@442 40
bgneal@442 41 /* Browse */
bgneal@442 42 a.pickcolor, a.browse {text-decoration:none}
bgneal@442 43 a.browse span {display:block; width:20px; height:18px; background:url(../../img/icons.gif) -860px 0; border:1px solid #FFF; margin-left:1px;}
bgneal@442 44 .mceOldBoxModel a.browse span {width:22px; height:20px;}
bgneal@442 45 a.browse:hover span {border:1px solid #0A246A; background-color:#B2BBD0;}
bgneal@442 46 a.browse span.disabled {border:1px solid white; opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}
bgneal@442 47 a.browse:hover span.disabled {border:1px solid white; background-color:transparent;}
bgneal@442 48 a.pickcolor span {display:block; width:20px; height:16px; background:url(../../img/icons.gif) -840px 0; margin-left:2px;}
bgneal@442 49 .mceOldBoxModel a.pickcolor span {width:21px; height:17px;}
bgneal@442 50 a.pickcolor:hover span {background-color:#B2BBD0;}
bgneal@442 51 a.pickcolor:hover span.disabled {}
bgneal@442 52
bgneal@442 53 /* Charmap */
bgneal@442 54 table.charmap {border:1px solid #AAA; text-align:center}
bgneal@442 55 td.charmap, #charmap a {width:18px; height:18px; color:#000; border:1px solid #AAA; text-align:center; font-size:12px; vertical-align:middle; line-height: 18px;}
bgneal@442 56 #charmap a {display:block; color:#000; text-decoration:none; border:0}
bgneal@442 57 #charmap a:hover {background:#CCC;color:#2B6FB6}
bgneal@442 58 #charmap #codeN {font-size:10px; font-family:Arial,Helvetica,sans-serif; text-align:center}
bgneal@442 59 #charmap #codeV {font-size:40px; height:80px; border:1px solid #AAA; text-align:center}
bgneal@442 60
bgneal@442 61 /* Source */
bgneal@442 62 .wordWrapCode {vertical-align:middle; border:1px none #000000; background:transparent;}
bgneal@442 63 .mceActionPanel {margin-top:5px;}
bgneal@442 64
bgneal@442 65 /* Tabs classes */
bgneal@442 66 .tabs {width:100%; height:18px; line-height:normal;}
bgneal@442 67 .tabs ul {margin:0; padding:0; list-style:none;}
bgneal@442 68 .tabs li {float:left; border: 1px solid black; border-bottom:0; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block; cursor:pointer;}
bgneal@442 69 .tabs li.current {font-weight: bold; margin-right:2px;}
bgneal@442 70 .tabs span {float:left; display:block; padding:0px 10px 0 0;}
bgneal@442 71 .tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;}
bgneal@442 72 .tabs a:link, .tabs a:visited, .tabs a:hover {color:black;}
bgneal@442 73
bgneal@442 74 /* Panels */
bgneal@442 75 .panel_wrapper div.panel {display:none;}
bgneal@442 76 .panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;}
bgneal@442 77 .panel_wrapper {border:1px solid #919B9C; padding:10px; padding-top:5px; clear:both; background:white;}
bgneal@442 78
bgneal@442 79 /* Columns */
bgneal@442 80 .column {float:left;}
bgneal@442 81 .properties {width:100%;}
bgneal@442 82 .properties .column1 {}
bgneal@442 83 .properties .column2 {text-align:left;}
bgneal@442 84
bgneal@442 85 /* Titles */
bgneal@442 86 h1, h2, h3, h4 {color:#2B6FB6; margin:0; padding:0; padding-top:5px;}
bgneal@442 87 h3 {font-size:14px;}
bgneal@442 88 .title {font-size:12px; font-weight:bold; color:#2B6FB6;}
bgneal@442 89
bgneal@442 90 /* Dialog specific */
bgneal@442 91 #link .panel_wrapper, #link div.current {height:125px;}
bgneal@442 92 #image .panel_wrapper, #image div.current {height:200px;}
bgneal@442 93 #plugintable thead {font-weight:bold; background:#DDD;}
bgneal@442 94 #plugintable, #about #plugintable td {border:1px solid #919B9C;}
bgneal@442 95 #plugintable {width:96%; margin-top:10px;}
bgneal@442 96 #pluginscontainer {height:290px; overflow:auto;}
bgneal@442 97 #colorpicker #preview {float:right; width:50px; height:14px;line-height:1px; border:1px solid black; margin-left:5px;}
bgneal@442 98 #colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;}
bgneal@442 99 #colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;}
bgneal@442 100 #colorpicker #light div {overflow:hidden;}
bgneal@442 101 #colorpicker #previewblock {float:right; padding-left:10px; height:20px;}
bgneal@442 102 #colorpicker .panel_wrapper div.current {height:175px;}
bgneal@442 103 #colorpicker #namedcolors {width:150px;}
bgneal@442 104 #colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;}
bgneal@442 105 #colorpicker #colornamecontainer {margin-top:5px;}