/forum/site_media/js/wym/wymeditor/skins/silver/skin.css
CSS | 297 lines | 222 code | 34 blank | 41 comment | 0 complexity | 9ae2e218165af6ad11849b2e52b0c503 MD5 | raw file
Possible License(s): GPL-2.0, GPL-3.0
1/* 2 * WYMeditor : what you see is What You Mean web-based editor 3 * Copyright (c) 2008 Jean-Francois Hovinne, http://www.wymeditor.org/ 4 * Dual licensed under the MIT (MIT-license.txt) 5 * and GPL (GPL-license.txt) licenses. 6 * 7 * For further information visit: 8 * http://www.wymeditor.org/ 9 * 10 * File Name: 11 * screen.css 12 * main stylesheet for the default WYMeditor skin 13 * See the documentation for more info. 14 * 15 * File Authors: 16 * Daniel Reszka (d.reszka a-t wymeditor dotorg) 17 * Scott Edwin Lewis 18*/ 19 20/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/ 21 .wym_skin_silver p, .wym_skin_silver h2, .wym_skin_silver h3, 22 .wym_skin_silver ul, .wym_skin_silver li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; } 23 24 25/*HIDDEN BY DEFAULT*/ 26 .wym_skin_silver .wym_area_left { display: none; } 27 .wym_skin_silver .wym_area_right { display: block; } 28 29 30/*TYPO*/ 31 .wym_skin_silver { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; } 32 .wym_skin_silver h2 { font-size: 110%; /* = 11px */} 33 .wym_skin_silver h3 { font-size: 100%; /* = 10px */} 34 .wym_skin_silver li { font-size: 100%; /* = 10px */} 35 36 37/*WYM_BOX*/ 38 .wym_skin_silver { border: 1px solid gray; background: #f2f2f2; padding: 0px; margin: 0px;} 39 40 /*auto-clear the wym_box*/ 41 .wym_skin_silver:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 42 * html .wym_skin_silver { height: 1%;} 43 44 45/*WYM_HTML*/ 46 .wym_skin_silver .wym_html { width: 98%;} 47 .wym_skin_silver .wym_html textarea { width: 100%; height: 200px; border: 1px solid gray; background: white; } 48 49 50/*WYM_IFRAME*/ 51 .wym_skin_silver .wym_iframe { width: 98%;} 52 .wym_skin_silver .wym_iframe iframe { width: 100%; height: 200px; border: 1px solid gray; background: white } 53 54 55/*AREAS*/ 56 .wym_skin_silver .wym_area_left { width: 150px; float: left;} 57 .wym_skin_silver .wym_area_right { width: 150px; float: right;} 58 .wym_skin_silver .wym_area_bottom { height: 1%; clear: both;} 59 * html .wym_skin_silver .wym_area_main { height: 1%;} 60 * html .wym_skin_silver .wym_area_top { height: 1%;} 61 *+html .wym_skin_silver .wym_area_top { height: 1%;} 62 63/*SECTIONS SYSTEM*/ 64 65 /*common defaults for all sections*/ 66 .wym_skin_silver .wym_section { margin-bottom: 5px; } 67 .wym_skin_silver .wym_section h2, 68 .wym_skin_silver .wym_section h3 { padding: 1px 3px; margin: 0; cursor: pointer; } 69 .wym_skin_silver .wym_section a { padding: 5px 0px 0px 10px; display: block; text-decoration: none; color: black; } 70 .wym_skin_silver .wym_section a:hover { /*background-color: #DDD;*/} 71 /*hide section titles by default*/ 72 .wym_skin_silver .wym_section h2 { display: none; } 73 /*disable any margin-collapse*/ 74 .wym_skin_silver .wym_section { padding-top: 1px; padding-bottom: 1px; } 75 /*auto-clear sections*/ 76 .wym_skin_silver .wym_section ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; padding: 0px; } 77 * html .wym_skin_silver .wym_section ul { height: 1%;} 78 .wym_skin_silver .wym_section li {} 79 80 /*option: add this class to a section to make it render as a panel*/ 81 .wym_skin_silver .wym_panel { } 82 .wym_skin_silver .wym_panel h2 { display: block; font-size: 11px; } 83 84 /*option: add this class to a section to make it render as a dropdown menu*/ 85 .wym_skin_silver .wym_dropdown h2 { display: block; font-size: 11px;} 86 .wym_skin_silver .wym_dropdown ul { position: absolute; background: white; padding: 0px;} 87 .wym_skin_silver .wym_dropdown:hover ul, 88 .wym_skin_silver .wym_dropdown.hover ul { cursor: pointer;} 89 .wym_skin_silver .wym_dropdown ul li a {/*border-bottom: 1px solid #AAA;*/} 90 91 /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/ 92 .wym_skin_silver .wym_buttons li { float:left;} 93 .wym_skin_silver .wym_buttons a { width: 20px; height: 20px; overflow: hidden; padding: 2px; text-decoration: none !important; border: 1px solid #666; } 94 .wym_skin_silver .wym_buttons a:hover { text-decoration: none !important; border: 1px solid #000;} 95 /*image replacements*/ 96 .wym_skin_silver .wym_buttons li a { background: url(images/icons.silver.gif) no-repeat; text-indent: -9999px;} 97 .wym_skin_silver .wym_buttons li.wym_tools_strong a { background-position: 0 -384px;} 98 .wym_skin_silver .wym_buttons li.wym_tools_emphasis a { background-position: 0 -24px;} 99 .wym_skin_silver .wym_buttons li.wym_tools_superscript a { background-position: 0 -432px;} 100 .wym_skin_silver .wym_buttons li.wym_tools_subscript a { background-position: 0 -456px;} 101 .wym_skin_silver .wym_buttons li.wym_tools_ordered_list a { background-position: 0 -48px;} 102 .wym_skin_silver .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;} 103 .wym_skin_silver .wym_buttons li.wym_tools_indent a { background-position: 0 -600px;} 104 .wym_skin_silver .wym_buttons li.wym_tools_outdent a { background-position: 0 -624px;} 105 .wym_skin_silver .wym_buttons li.wym_tools_undo a { background-position: 0 -504px;} 106 .wym_skin_silver .wym_buttons li.wym_tools_redo a { background-position: 0 -528px;} 107 .wym_skin_silver .wym_buttons li.wym_tools_link a { background-position: 0 -96px;} 108 .wym_skin_silver .wym_buttons li.wym_tools_unlink a { background-position: 0 -168px;} 109 .wym_skin_silver .wym_buttons li.wym_tools_image a { background-position: 0 -120px;} 110 .wym_skin_silver .wym_buttons li.wym_tools_table a { background-position: 0 -144px;} 111 .wym_skin_silver .wym_buttons li.wym_tools_paste a { background-position: 0 -552px;} 112 .wym_skin_silver .wym_buttons li.wym_tools_html a { background-position: 0 -192px;} 113 .wym_skin_silver .wym_buttons li.wym_tools_preview a { background-position: 0 -408px;} 114 .wym_skin_silver .wym_buttons li.wym_tools_gadget a { background-position: 0 -576px;} 115 116 .wym_skin_silver .wym_buttons li.wym_tools_strong a:hover { background-position: -24px -384px;} 117 .wym_skin_silver .wym_buttons li.wym_tools_emphasis a:hover { background-position: -24px -24px;} 118 .wym_skin_silver .wym_buttons li.wym_tools_superscript a:hover { background-position: -24px -432px;} 119 .wym_skin_silver .wym_buttons li.wym_tools_subscript a:hover { background-position: -24px -456px;} 120 .wym_skin_silver .wym_buttons li.wym_tools_ordered_list a:hover { background-position: -24px -48px;} 121 .wym_skin_silver .wym_buttons li.wym_tools_unordered_list a:hover{ background-position: -24px -72px;} 122 .wym_skin_silver .wym_buttons li.wym_tools_indent a:hover { background-position: -24px -600px;} 123 .wym_skin_silver .wym_buttons li.wym_tools_outdent a:hover { background-position: -24px -624px;} 124 .wym_skin_silver .wym_buttons li.wym_tools_undo a:hover { background-position: -24px -504px;} 125 .wym_skin_silver .wym_buttons li.wym_tools_redo a:hover { background-position: -24px -528px;} 126 .wym_skin_silver .wym_buttons li.wym_tools_link a:hover { background-position: -24px -96px;} 127 .wym_skin_silver .wym_buttons li.wym_tools_unlink a:hover { background-position: -24px -168px;} 128 .wym_skin_silver .wym_buttons li.wym_tools_image a:hover { background-position: -24px -120px;} 129 .wym_skin_silver .wym_buttons li.wym_tools_table a:hover { background-position: -24px -144px;} 130 .wym_skin_silver .wym_buttons li.wym_tools_paste a:hover { background-position: -24px -552px;} 131 .wym_skin_silver .wym_buttons li.wym_tools_html a:hover { background-position: -24px -192px;} 132 .wym_skin_silver .wym_buttons li.wym_tools_preview a:hover { background-position: -24px -408px;} 133 .wym_skin_silver .wym_buttons li.wym_tools_gadget a:hover { background-position: -24px -576px;} 134 135/*DECORATION*/ 136 .wym_skin_silver .wym_section h2 { background: #ddd; border: none;} 137 .wym_skin_silver .wym_section h2 span { color: gray;} 138 .wym_skin_silver .wym_panel { padding: 0; border: solid gray; border-width: 0px;} 139 .wym_skin_silver .wym_panel ul { margin: 2px 0 5px; } 140 .wym_skin_silver .wym_dropdown { padding: 0; border: none; } 141 .wym_skin_silver .wym_dropdown ul { border: none; margin-left: -1px; padding: 0px;} 142 143/*DIALOGS*/ 144 .wym_dialog div.row { margin-bottom: 5px;} 145 .wym_dialog div.row input { margin-right: 5px;} 146 .wym_dialog div.row label { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; } 147 .wym_dialog div.row-indent { padding-left: 160px; } 148 /*autoclearing*/ 149 .wym_dialog div.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 150 .wym_dialog div.row { display: inline-block; } 151 /* Hides from IE-mac \*/ 152 * html .wym_dialog div.row { height: 1%; } 153 .wym_dialog div.row { display: block; } 154 /* End hide from IE-mac */ 155 156/*WYMEDITOR_LINK*/ 157 a.wym_wymeditor_link 158 { 159 text-indent: -9999px; 160 float: right; 161 display: block; 162 width: 50px; 163 height: 15px; 164 background: url(../wymeditor_icon.png); 165 background-position: 1px 1px; 166 background-repeat: no-repeat; 167 overflow: hidden; 168 text-decoration: none; 169 padding: 1px !important; 170 border: 1px solid #333 !important; 171 background-color: #FFF !important; 172 } 173 174.wym_box 175{ 176 padding: 0px !important; 177 margin: 0px; 178} 179.wym_inner 180{ 181 border-left: 1px solid #FFF; 182 border-top: 1px solid #FFF; 183 border-right: 1px solid #FFF; 184 border-bottom: 1px solid #FFF; 185 padding: 5px; 186 background-color: #B8C1C4; 187 height: auto; 188} 189 190.clear {clear: both;} 191 192div.wym_dropdown 193{ 194 cursor: pointer; 195 width: 138px !important; 196 margin: 0px 4px 10px 0px !important; 197 padding: 0px; 198 z-index: 1001; 199 display: block; 200 border: 1px solid red; 201} 202 203div.wym_dropdown ul 204{ 205 display: none; 206 width: 124px; 207 padding: 0px !important; 208 margin: 0px !important; 209 list-style-type: none; 210 list-style-image: none; 211 z-index: 1002; 212 position: absolute; 213 border-top: 1px solid #AAA; 214} 215 216div.wym_dropdown ul li 217{ 218 width: 146px; 219 height: 20px; 220 padding: 0px !important; 221 margin: 0px; 222 border: 1px solid #777; 223 border-top: none; 224 background: #DDD; 225 list-style-image: none; 226} 227 228div.wym_dropdown h2 229{ 230 width: 138px; 231 height: 16px; 232 color: #000 !important; 233 background-image: url(images/bg.selector.silver.gif) !important; 234 background-position: 0px -18px; 235 background-repeat: no-repeat; 236 border: none; 237 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif; 238 font-size: 12px !important; 239 font-weight: bold !important; 240 padding: 2px 0px 0px 10px !important; 241 margin: 0px !important; 242} 243 244.wym_skin_silver .wym_panel h2 245{ 246 width: 138px; 247 height: 16px; 248 color: #000 !important; 249 background-image: url(images/bg.header.gif) !important; 250 background-position: 0px 0px; 251 background-repeat: no-repeat; 252 border: none; 253 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif; 254 font-size: 12px !important; 255 font-weight: bold !important; 256 padding: 2px 0px 0px 10px !important; 257 margin: 0px !important; 258} 259 260.wym_skin_silver .wym_panel ul 261{ 262 margin-top: 0px !important; 263} 264 265.wym_skin_silver .wym_panel ul li 266{ 267 width: 146px; 268 height: 20px; 269 padding: 0px !important; 270 margin: 0px; 271 border: 1px solid #777; 272 border-top: none; 273 background: #DDD; 274 list-style-image: none; 275} 276 277.wym_skin_silver .wym_panel a, 278div.wym_dropdown a 279{ 280 text-decoration: none; 281 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sanserif; 282 font-size: 12px; 283 padding: 5px 0px 0px 10px !important; 284 display: block; 285 width: 136px; 286 height: 15px; 287 color: #000; 288 text-align: left !important; 289 margin-left: 0px !important; 290} 291 292div.wym_dropdown a:hover, 293.wym_skin_silver .wym_panel a:hover 294{ 295 background: #BBB; 296 border-bottom: none !important; 297}