annotate media/js/tiny_mce/themes/advanced/skins/o2k7/dialog.css @ 133:c515b7401078

Use the new common way to apply markItUp to textareas and to get the smiley and markdown help dialogs for all the remaining apps except for forums and comments.
author Brian Neal <bgneal@gmail.com>
date Fri, 27 Nov 2009 00:21:47 +0000
parents a5b4c5ce0658
children 149c3567fec1
rev   line source
bgneal@45 1 /* Generic */
bgneal@45 2 body {
bgneal@45 3 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
bgneal@45 4 scrollbar-3dlight-color:#F0F0EE;
bgneal@45 5 scrollbar-arrow-color:#676662;
bgneal@45 6 scrollbar-base-color:#F0F0EE;
bgneal@45 7 scrollbar-darkshadow-color:#DDDDDD;
bgneal@45 8 scrollbar-face-color:#E0E0DD;
bgneal@45 9 scrollbar-highlight-color:#F0F0EE;
bgneal@45 10 scrollbar-shadow-color:#F0F0EE;
bgneal@45 11 scrollbar-track-color:#F5F5F5;
bgneal@45 12 background:#F0F0EE;
bgneal@45 13 padding:0;
bgneal@45 14 margin:8px 8px 0 8px;
bgneal@45 15 }
bgneal@45 16
bgneal@45 17 html {background:#F0F0EE;}
bgneal@45 18 td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
bgneal@45 19 textarea {resize:none;outline:none;}
bgneal@45 20 a:link, a:visited {color:black;}
bgneal@45 21 a:hover {color:#2B6FB6;}
bgneal@45 22 .nowrap {white-space: nowrap}
bgneal@45 23
bgneal@45 24 /* Forms */
bgneal@45 25 fieldset {margin:0; padding:4px; border:1px solid #919B9C; font-family:Verdana, Arial; font-size:10px;}
bgneal@45 26 legend {color:#2B6FB6; font-weight:bold;}
bgneal@45 27 label.msg {display:none;}
bgneal@45 28 label.invalid {color:#EE0000; display:inline;}
bgneal@45 29 input.invalid {border:1px solid #EE0000;}
bgneal@45 30 input {background:#FFF; border:1px solid #CCC;}
bgneal@45 31 input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
bgneal@45 32 input, select, textarea {border:1px solid #808080;}
bgneal@45 33 input.radio {border:1px none #000000; background:transparent; vertical-align:middle;}
bgneal@45 34 input.checkbox {border:1px none #000000; background:transparent; vertical-align:middle;}
bgneal@45 35 .input_noborder {border:0;}
bgneal@45 36
bgneal@45 37 /* Buttons */
bgneal@45 38 #insert, #cancel, input.button, .updateButton {
bgneal@45 39 border:0; margin:0; padding:0;
bgneal@45 40 font-weight:bold;
bgneal@45 41 width:94px; height:26px;
bgneal@45 42 background:url(../default/img/buttons.png) 0 -26px;
bgneal@45 43 cursor:pointer;
bgneal@45 44 padding-bottom:2px;
bgneal@45 45 }
bgneal@45 46
bgneal@45 47 #insert {background:url(../default/img/buttons.png) 0 -52px;}
bgneal@45 48 #cancel {background:url(../default/img/buttons.png) 0 0;}
bgneal@45 49
bgneal@45 50 /* Browse */
bgneal@45 51 a.pickcolor, a.browse {text-decoration:none}
bgneal@45 52 a.browse span {display:block; width:20px; height:18px; background:url(../../img/icons.gif) -860px 0; border:1px solid #FFF; margin-left:1px;}
bgneal@45 53 .mceOldBoxModel a.browse span {width:22px; height:20px;}
bgneal@45 54 a.browse:hover span {border:1px solid #0A246A; background-color:#B2BBD0;}
bgneal@45 55 a.browse span.disabled {border:1px solid white; opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}
bgneal@45 56 a.browse:hover span.disabled {border:1px solid white; background-color:transparent;}
bgneal@45 57 a.pickcolor span {display:block; width:20px; height:16px; background:url(../../img/icons.gif) -840px 0; margin-left:2px;}
bgneal@45 58 .mceOldBoxModel a.pickcolor span {width:21px; height:17px;}
bgneal@45 59 a.pickcolor:hover span {background-color:#B2BBD0;}
bgneal@45 60 a.pickcolor:hover span.disabled {}
bgneal@45 61
bgneal@45 62 /* Charmap */
bgneal@45 63 table.charmap {border:1px solid #AAA; text-align:center}
bgneal@45 64 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@45 65 #charmap a {display:block; color:#000; text-decoration:none; border:0}
bgneal@45 66 #charmap a:hover {background:#CCC;color:#2B6FB6}
bgneal@45 67 #charmap #codeN {font-size:10px; font-family:Arial,Helvetica,sans-serif; text-align:center}
bgneal@45 68 #charmap #codeV {font-size:40px; height:80px; border:1px solid #AAA; text-align:center}
bgneal@45 69
bgneal@45 70 /* Source */
bgneal@45 71 .wordWrapCode {vertical-align:middle; border:1px none #000000; background:transparent;}
bgneal@45 72 .mceActionPanel {margin-top:5px;}
bgneal@45 73
bgneal@45 74 /* Tabs classes */
bgneal@45 75 .tabs {width:100%; height:18px; line-height:normal; background:url(../default/img/tabs.gif) repeat-x 0 -72px;}
bgneal@45 76 .tabs ul {margin:0; padding:0; list-style:none;}
bgneal@45 77 .tabs li {float:left; background:url(../default/img/tabs.gif) no-repeat 0 0; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;}
bgneal@45 78 .tabs li.current {background:url(../default/img/tabs.gif) no-repeat 0 -18px; margin-right:2px;}
bgneal@45 79 .tabs span {float:left; display:block; background:url(../default/img/tabs.gif) no-repeat right -36px; padding:0px 10px 0 0;}
bgneal@45 80 .tabs .current span {background:url(../default/img/tabs.gif) no-repeat right -54px;}
bgneal@45 81 .tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;}
bgneal@45 82 .tabs a:link, .tabs a:visited, .tabs a:hover {color:black;}
bgneal@45 83
bgneal@45 84 /* Panels */
bgneal@45 85 .panel_wrapper div.panel {display:none;}
bgneal@45 86 .panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;}
bgneal@45 87 .panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;}
bgneal@45 88
bgneal@45 89 /* Columns */
bgneal@45 90 .column {float:left;}
bgneal@45 91 .properties {width:100%;}
bgneal@45 92 .properties .column1 {}
bgneal@45 93 .properties .column2 {text-align:left;}
bgneal@45 94
bgneal@45 95 /* Titles */
bgneal@45 96 h1, h2, h3, h4 {color:#2B6FB6; margin:0; padding:0; padding-top:5px;}
bgneal@45 97 h3 {font-size:14px;}
bgneal@45 98 .title {font-size:12px; font-weight:bold; color:#2B6FB6;}
bgneal@45 99
bgneal@45 100 /* Dialog specific */
bgneal@45 101 #link .panel_wrapper, #link div.current {height:125px;}
bgneal@45 102 #image .panel_wrapper, #image div.current {height:200px;}
bgneal@45 103 #plugintable thead {font-weight:bold; background:#DDD;}
bgneal@45 104 #plugintable, #about #plugintable td {border:1px solid #919B9C;}
bgneal@45 105 #plugintable {width:96%; margin-top:10px;}
bgneal@45 106 #pluginscontainer {height:290px; overflow:auto;}
bgneal@45 107 #colorpicker #preview {float:right; width:50px; height:14px;line-height:1px; border:1px solid black; margin-left:5px;}
bgneal@45 108 #colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;}
bgneal@45 109 #colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;}
bgneal@45 110 #colorpicker #light div {overflow:hidden;}
bgneal@45 111 #colorpicker #previewblock {float:right; padding-left:10px; height:20px;}
bgneal@45 112 #colorpicker .panel_wrapper div.current {height:175px;}
bgneal@45 113 #colorpicker #namedcolors {width:150px;}
bgneal@45 114 #colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;}
bgneal@45 115 #colorpicker #colornamecontainer {margin-top:5px;}