annotate media/js/tiny_mce/themes/advanced/skins/default/ui.css @ 271:4746df47a538

Follow on to last rev (r292) for #126. Missed updating a shoutbox template. Also the repoze.timeago package uses UTC time by default. Change this to local time for now until we decide to switch over to UTC for everything.
author Brian Neal <bgneal@gmail.com>
date Sun, 26 Sep 2010 17:42:00 +0000
parents 237710206167
children
rev   line source
bgneal@45 1 /* Reset */
bgneal@45 2 .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText {border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000; vertical-align:baseline; width:auto; border-collapse:separate; text-align:left}
bgneal@45 3 .defaultSkin a:hover, .defaultSkin a:link, .defaultSkin a:visited, .defaultSkin a:active {text-decoration:none; font-weight:normal; cursor:default; color:#000}
bgneal@45 4 .defaultSkin table td {vertical-align:middle}
bgneal@45 5
bgneal@45 6 /* Containers */
bgneal@183 7 .defaultSkin table {direction:ltr; background:#F0F0EE}
bgneal@45 8 .defaultSkin iframe {display:block; background:#FFF}
bgneal@45 9 .defaultSkin .mceToolbar {height:26px}
bgneal@45 10 .defaultSkin .mceLeft {text-align:left}
bgneal@45 11 .defaultSkin .mceRight {text-align:right}
bgneal@45 12
bgneal@45 13 /* External */
bgneal@45 14 .defaultSkin .mceExternalToolbar {position:absolute; border:1px solid #CCC; border-bottom:0; display:none;}
bgneal@45 15 .defaultSkin .mceExternalToolbar td.mceToolbar {padding-right:13px;}
bgneal@45 16 .defaultSkin .mceExternalClose {position:absolute; top:3px; right:3px; width:7px; height:7px; background:url(../../img/icons.gif) -820px 0}
bgneal@45 17
bgneal@45 18 /* Layout */
bgneal@45 19 .defaultSkin table.mceLayout {border:0; border-left:1px solid #CCC; border-right:1px solid #CCC}
bgneal@45 20 .defaultSkin table.mceLayout tr.mceFirst td {border-top:1px solid #CCC}
bgneal@45 21 .defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #CCC}
bgneal@45 22 .defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td {border:0; margin:0; padding:0;}
bgneal@45 23 .defaultSkin td.mceToolbar {padding-top:1px; vertical-align:top}
bgneal@45 24 .defaultSkin .mceIframeContainer {border-top:1px solid #CCC; border-bottom:1px solid #CCC}
bgneal@45 25 .defaultSkin .mceStatusbar {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; color:#000; display:block; height:20px}
bgneal@45 26 .defaultSkin .mceStatusbar div {float:left; margin:2px}
bgneal@183 27 .defaultSkin .mceStatusbar a.mceResize {display:block; float:right; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px; cursor:se-resize; outline:0}
bgneal@45 28 .defaultSkin .mceStatusbar a:hover {text-decoration:underline}
bgneal@45 29 .defaultSkin table.mceToolbar {margin-left:3px}
bgneal@45 30 .defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px}
bgneal@45 31 .defaultSkin .mceIcon {background:url(../../img/icons.gif) no-repeat 20px 20px}
bgneal@45 32 .defaultSkin td.mceCenter {text-align:center;}
bgneal@45 33 .defaultSkin td.mceCenter table {margin:0 auto; text-align:left;}
bgneal@45 34 .defaultSkin td.mceRight table {margin:0 0 0 auto;}
bgneal@45 35
bgneal@45 36 /* Button */
bgneal@45 37 .defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px; margin-right:1px}
bgneal@45 38 .defaultSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0}
bgneal@45 39 .defaultSkin a.mceButtonActive, .defaultSkin a.mceButtonSelected {border:1px solid #0A246A; background-color:#C2CBE0}
bgneal@45 40 .defaultSkin .mceButtonDisabled .mceIcon {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}
bgneal@45 41 .defaultSkin .mceButtonLabeled {width:auto}
bgneal@45 42 .defaultSkin .mceButtonLabeled span.mceIcon {float:left}
bgneal@45 43 .defaultSkin span.mceButtonLabel {display:block; font-size:10px; padding:4px 6px 0 22px; font-family:Tahoma,Verdana,Arial,Helvetica}
bgneal@45 44 .defaultSkin .mceButtonDisabled .mceButtonLabel {color:#888}
bgneal@45 45
bgneal@45 46 /* Separator */
bgneal@45 47 .defaultSkin .mceSeparator {display:block; background:url(../../img/icons.gif) -180px 0; width:2px; height:20px; margin:2px 2px 0 4px}
bgneal@45 48
bgneal@45 49 /* ListBox */
bgneal@45 50 .defaultSkin .mceListBox, .defaultSkin .mceListBox a {display:block}
bgneal@45 51 .defaultSkin .mceListBox .mceText {padding-left:4px; width:70px; text-align:left; border:1px solid #CCC; border-right:0; background:#FFF; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; height:20px; line-height:20px; overflow:hidden}
bgneal@45 52 .defaultSkin .mceListBox .mceOpen {width:9px; height:20px; background:url(../../img/icons.gif) -741px 0; margin-right:2px; border:1px solid #CCC;}
bgneal@45 53 .defaultSkin table.mceListBoxEnabled:hover .mceText, .defaultSkin .mceListBoxHover .mceText, .defaultSkin .mceListBoxSelected .mceText {border:1px solid #A2ABC0; border-right:0; background:#FFF}
bgneal@45 54 .defaultSkin table.mceListBoxEnabled:hover .mceOpen, .defaultSkin .mceListBoxHover .mceOpen, .defaultSkin .mceListBoxSelected .mceOpen {background-color:#FFF; border:1px solid #A2ABC0}
bgneal@45 55 .defaultSkin .mceListBoxDisabled a.mceText {color:gray; background-color:transparent;}
bgneal@45 56 .defaultSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden}
bgneal@45 57 .defaultSkin .mceOldBoxModel .mceListBox .mceText {height:22px}
bgneal@45 58 .defaultSkin .mceOldBoxModel .mceListBox .mceOpen {width:11px; height:22px;}
bgneal@45 59 .defaultSkin select.mceNativeListBox {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:7pt; background:#F0F0EE; border:1px solid gray; margin-right:2px;}
bgneal@45 60
bgneal@45 61 /* SplitButton */
bgneal@45 62 .defaultSkin .mceSplitButton {width:32px; height:20px; direction:ltr}
bgneal@45 63 .defaultSkin .mceSplitButton a, .defaultSkin .mceSplitButton span {height:20px; display:block}
bgneal@45 64 .defaultSkin .mceSplitButton a.mceAction {width:20px; border:1px solid #F0F0EE; border-right:0;}
bgneal@183 65 .defaultSkin .mceSplitButton span.mceAction {width:20px; background-image:url(../../img/icons.gif);}
bgneal@45 66 .defaultSkin .mceSplitButton a.mceOpen {width:9px; background:url(../../img/icons.gif) -741px 0; border:1px solid #F0F0EE;}
bgneal@45 67 .defaultSkin .mceSplitButton span.mceOpen {display:none}
bgneal@45 68 .defaultSkin table.mceSplitButtonEnabled:hover a.mceAction, .defaultSkin .mceSplitButtonHover a.mceAction, .defaultSkin .mceSplitButtonSelected a.mceAction {border:1px solid #0A246A; border-right:0; background-color:#B2BBD0}
bgneal@45 69 .defaultSkin table.mceSplitButtonEnabled:hover a.mceOpen, .defaultSkin .mceSplitButtonHover a.mceOpen, .defaultSkin .mceSplitButtonSelected a.mceOpen {background-color:#B2BBD0; border:1px solid #0A246A;}
bgneal@45 70 .defaultSkin .mceSplitButtonDisabled .mceAction, .defaultSkin .mceSplitButtonDisabled a.mceOpen {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)}
bgneal@45 71 .defaultSkin .mceSplitButtonActive a.mceAction {border:1px solid #0A246A; background-color:#C2CBE0}
bgneal@45 72 .defaultSkin .mceSplitButtonActive a.mceOpen {border-left:0;}
bgneal@45 73
bgneal@45 74 /* ColorSplitButton */
bgneal@45 75 .defaultSkin div.mceColorSplitMenu table {background:#FFF; border:1px solid gray}
bgneal@45 76 .defaultSkin .mceColorSplitMenu td {padding:2px}
bgneal@45 77 .defaultSkin .mceColorSplitMenu a {display:block; width:9px; height:9px; overflow:hidden; border:1px solid #808080}
bgneal@45 78 .defaultSkin .mceColorSplitMenu td.mceMoreColors {padding:1px 3px 1px 1px}
bgneal@45 79 .defaultSkin .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@45 80 .defaultSkin .mceColorSplitMenu a.mceMoreColors:hover {border:1px solid #0A246A; background-color:#B6BDD2}
bgneal@45 81 .defaultSkin a.mceMoreColors:hover {border:1px solid #0A246A}
bgneal@45 82 .defaultSkin .mceColorPreview {margin-left:2px; width:16px; height:4px; overflow:hidden; background:#9a9b9a}
bgneal@45 83 .defaultSkin .mce_forecolor span.mceAction, .defaultSkin .mce_backcolor span.mceAction {overflow:hidden; height:16px}
bgneal@45 84
bgneal@45 85 /* Menu */
bgneal@45 86 .defaultSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid #D4D0C8}
bgneal@45 87 .defaultSkin .mceNoIcons span.mceIcon {width:0;}
bgneal@45 88 .defaultSkin .mceNoIcons a .mceText {padding-left:10px}
bgneal@45 89 .defaultSkin .mceMenu table {background:#FFF}
bgneal@45 90 .defaultSkin .mceMenu a, .defaultSkin .mceMenu span, .defaultSkin .mceMenu {display:block}
bgneal@45 91 .defaultSkin .mceMenu td {height:20px}
bgneal@45 92 .defaultSkin .mceMenu a {position:relative;padding:3px 0 4px 0}
bgneal@45 93 .defaultSkin .mceMenu .mceText {position:relative; display:block; font-family:Tahoma,Verdana,Arial,Helvetica; color:#000; cursor:default; margin:0; padding:0 25px 0 25px; display:block}
bgneal@45 94 .defaultSkin .mceMenu span.mceText, .defaultSkin .mceMenu .mcePreview {font-size:11px}
bgneal@45 95 .defaultSkin .mceMenu pre.mceText {font-family:Monospace}
bgneal@45 96 .defaultSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:22px;}
bgneal@45 97 .defaultSkin .mceMenu .mceMenuItemEnabled a:hover, .defaultSkin .mceMenu .mceMenuItemActive {background-color:#dbecf3}
bgneal@45 98 .defaultSkin td.mceMenuItemSeparator {background:#DDD; height:1px}
bgneal@45 99 .defaultSkin .mceMenuItemTitle a {border:0; background:#EEE; border-bottom:1px solid #DDD}
bgneal@45 100 .defaultSkin .mceMenuItemTitle span.mceText {color:#000; font-weight:bold; padding-left:4px}
bgneal@45 101 .defaultSkin .mceMenuItemDisabled .mceText {color:#888}
bgneal@45 102 .defaultSkin .mceMenuItemSelected .mceIcon {background:url(img/menu_check.gif)}
bgneal@45 103 .defaultSkin .mceNoIcons .mceMenuItemSelected a {background:url(img/menu_arrow.gif) no-repeat -6px center}
bgneal@45 104 .defaultSkin .mceMenu span.mceMenuLine {display:none}
bgneal@45 105 .defaultSkin .mceMenuItemSub a {background:url(img/menu_arrow.gif) no-repeat top right;}
bgneal@45 106
bgneal@45 107 /* Progress,Resize */
bgneal@45 108 .defaultSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5; -ms-filter:'alpha(opacity=50)'; filter:alpha(opacity=50); background:#FFF}
bgneal@45 109 .defaultSkin .mceProgress {position:absolute; left:0; top:0; z-index:1001; background:url(img/progress.gif) no-repeat; width:32px; height:32px; margin:-16px 0 0 -16px}
bgneal@45 110
bgneal@45 111 /* Formats */
bgneal@45 112 .defaultSkin .mce_formatPreview a {font-size:10px}
bgneal@45 113 .defaultSkin .mce_p span.mceText {}
bgneal@45 114 .defaultSkin .mce_address span.mceText {font-style:italic}
bgneal@45 115 .defaultSkin .mce_pre span.mceText {font-family:monospace}
bgneal@45 116 .defaultSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em}
bgneal@45 117 .defaultSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em}
bgneal@45 118 .defaultSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em}
bgneal@45 119 .defaultSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em}
bgneal@45 120 .defaultSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em}
bgneal@45 121 .defaultSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em}
bgneal@45 122
bgneal@45 123 /* Theme */
bgneal@45 124 .defaultSkin span.mce_bold {background-position:0 0}
bgneal@45 125 .defaultSkin span.mce_italic {background-position:-60px 0}
bgneal@45 126 .defaultSkin span.mce_underline {background-position:-140px 0}
bgneal@45 127 .defaultSkin span.mce_strikethrough {background-position:-120px 0}
bgneal@45 128 .defaultSkin span.mce_undo {background-position:-160px 0}
bgneal@45 129 .defaultSkin span.mce_redo {background-position:-100px 0}
bgneal@45 130 .defaultSkin span.mce_cleanup {background-position:-40px 0}
bgneal@45 131 .defaultSkin span.mce_bullist {background-position:-20px 0}
bgneal@45 132 .defaultSkin span.mce_numlist {background-position:-80px 0}
bgneal@45 133 .defaultSkin span.mce_justifyleft {background-position:-460px 0}
bgneal@45 134 .defaultSkin span.mce_justifyright {background-position:-480px 0}
bgneal@45 135 .defaultSkin span.mce_justifycenter {background-position:-420px 0}
bgneal@45 136 .defaultSkin span.mce_justifyfull {background-position:-440px 0}
bgneal@45 137 .defaultSkin span.mce_anchor {background-position:-200px 0}
bgneal@45 138 .defaultSkin span.mce_indent {background-position:-400px 0}
bgneal@45 139 .defaultSkin span.mce_outdent {background-position:-540px 0}
bgneal@45 140 .defaultSkin span.mce_link {background-position:-500px 0}
bgneal@45 141 .defaultSkin span.mce_unlink {background-position:-640px 0}
bgneal@45 142 .defaultSkin span.mce_sub {background-position:-600px 0}
bgneal@45 143 .defaultSkin span.mce_sup {background-position:-620px 0}
bgneal@45 144 .defaultSkin span.mce_removeformat {background-position:-580px 0}
bgneal@45 145 .defaultSkin span.mce_newdocument {background-position:-520px 0}
bgneal@45 146 .defaultSkin span.mce_image {background-position:-380px 0}
bgneal@45 147 .defaultSkin span.mce_help {background-position:-340px 0}
bgneal@45 148 .defaultSkin span.mce_code {background-position:-260px 0}
bgneal@45 149 .defaultSkin span.mce_hr {background-position:-360px 0}
bgneal@45 150 .defaultSkin span.mce_visualaid {background-position:-660px 0}
bgneal@45 151 .defaultSkin span.mce_charmap {background-position:-240px 0}
bgneal@45 152 .defaultSkin span.mce_paste {background-position:-560px 0}
bgneal@45 153 .defaultSkin span.mce_copy {background-position:-700px 0}
bgneal@45 154 .defaultSkin span.mce_cut {background-position:-680px 0}
bgneal@45 155 .defaultSkin span.mce_blockquote {background-position:-220px 0}
bgneal@45 156 .defaultSkin .mce_forecolor span.mceAction {background-position:-720px 0}
bgneal@45 157 .defaultSkin .mce_backcolor span.mceAction {background-position:-760px 0}
bgneal@45 158 .defaultSkin span.mce_forecolorpicker {background-position:-720px 0}
bgneal@45 159 .defaultSkin span.mce_backcolorpicker {background-position:-760px 0}
bgneal@45 160
bgneal@45 161 /* Plugins */
bgneal@45 162 .defaultSkin span.mce_advhr {background-position:-0px -20px}
bgneal@45 163 .defaultSkin span.mce_ltr {background-position:-20px -20px}
bgneal@45 164 .defaultSkin span.mce_rtl {background-position:-40px -20px}
bgneal@45 165 .defaultSkin span.mce_emotions {background-position:-60px -20px}
bgneal@45 166 .defaultSkin span.mce_fullpage {background-position:-80px -20px}
bgneal@45 167 .defaultSkin span.mce_fullscreen {background-position:-100px -20px}
bgneal@45 168 .defaultSkin span.mce_iespell {background-position:-120px -20px}
bgneal@45 169 .defaultSkin span.mce_insertdate {background-position:-140px -20px}
bgneal@45 170 .defaultSkin span.mce_inserttime {background-position:-160px -20px}
bgneal@45 171 .defaultSkin span.mce_absolute {background-position:-180px -20px}
bgneal@45 172 .defaultSkin span.mce_backward {background-position:-200px -20px}
bgneal@45 173 .defaultSkin span.mce_forward {background-position:-220px -20px}
bgneal@45 174 .defaultSkin span.mce_insert_layer {background-position:-240px -20px}
bgneal@45 175 .defaultSkin span.mce_insertlayer {background-position:-260px -20px}
bgneal@45 176 .defaultSkin span.mce_movebackward {background-position:-280px -20px}
bgneal@45 177 .defaultSkin span.mce_moveforward {background-position:-300px -20px}
bgneal@45 178 .defaultSkin span.mce_media {background-position:-320px -20px}
bgneal@45 179 .defaultSkin span.mce_nonbreaking {background-position:-340px -20px}
bgneal@45 180 .defaultSkin span.mce_pastetext {background-position:-360px -20px}
bgneal@45 181 .defaultSkin span.mce_pasteword {background-position:-380px -20px}
bgneal@45 182 .defaultSkin span.mce_selectall {background-position:-400px -20px}
bgneal@45 183 .defaultSkin span.mce_preview {background-position:-420px -20px}
bgneal@45 184 .defaultSkin span.mce_print {background-position:-440px -20px}
bgneal@45 185 .defaultSkin span.mce_cancel {background-position:-460px -20px}
bgneal@45 186 .defaultSkin span.mce_save {background-position:-480px -20px}
bgneal@45 187 .defaultSkin span.mce_replace {background-position:-500px -20px}
bgneal@45 188 .defaultSkin span.mce_search {background-position:-520px -20px}
bgneal@45 189 .defaultSkin span.mce_styleprops {background-position:-560px -20px}
bgneal@45 190 .defaultSkin span.mce_table {background-position:-580px -20px}
bgneal@45 191 .defaultSkin span.mce_cell_props {background-position:-600px -20px}
bgneal@45 192 .defaultSkin span.mce_delete_table {background-position:-620px -20px}
bgneal@45 193 .defaultSkin span.mce_delete_col {background-position:-640px -20px}
bgneal@45 194 .defaultSkin span.mce_delete_row {background-position:-660px -20px}
bgneal@45 195 .defaultSkin span.mce_col_after {background-position:-680px -20px}
bgneal@45 196 .defaultSkin span.mce_col_before {background-position:-700px -20px}
bgneal@45 197 .defaultSkin span.mce_row_after {background-position:-720px -20px}
bgneal@45 198 .defaultSkin span.mce_row_before {background-position:-740px -20px}
bgneal@45 199 .defaultSkin span.mce_merge_cells {background-position:-760px -20px}
bgneal@45 200 .defaultSkin span.mce_table_props {background-position:-980px -20px}
bgneal@45 201 .defaultSkin span.mce_row_props {background-position:-780px -20px}
bgneal@45 202 .defaultSkin span.mce_split_cells {background-position:-800px -20px}
bgneal@45 203 .defaultSkin span.mce_template {background-position:-820px -20px}
bgneal@45 204 .defaultSkin span.mce_visualchars {background-position:-840px -20px}
bgneal@45 205 .defaultSkin span.mce_abbr {background-position:-860px -20px}
bgneal@45 206 .defaultSkin span.mce_acronym {background-position:-880px -20px}
bgneal@45 207 .defaultSkin span.mce_attribs {background-position:-900px -20px}
bgneal@45 208 .defaultSkin span.mce_cite {background-position:-920px -20px}
bgneal@45 209 .defaultSkin span.mce_del {background-position:-940px -20px}
bgneal@45 210 .defaultSkin span.mce_ins {background-position:-960px -20px}
bgneal@45 211 .defaultSkin span.mce_pagebreak {background-position:0 -40px}
bgneal@183 212 .defaultSkin span.mce_restoredraft {background-position:-20px -40px}
bgneal@217 213 .defaultSkin span.mce_spellchecker {background-position:-540px -20px}