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