Changeset 409:24005d101404 for admin/js

Timestamp:

06/23/11 12:59:51 (14 years ago)

Author:

Tomtom33 <tbouron@…>

Branch:

wysiwyg

Message:

Added editor content CSS

Location:

admin/js/tiny_mce/themes/advanced/skins/dotclear

Files:

• content.css (modified) (1 diff)
• img/anchor.png (added)
• img/audio.png (added)
• img/rich.png (added)
• img/video.png (added)

admin/js/tiny_mce/themes/advanced/skins/dotclear/content.css

@@ -1 @@
-body, td, pre {color:#000; font: 12px/1.5em "Lucida Grande", Helvetica, Arial, sans-serif; margin:8px;}
-html,body {padding: 0 !important; margin: 0 !important; background:#fff !important;}
-body {height: 94% !important; padding: 0 !important;}
-body.mceForceColors {background:#FFF; color:#000;}
-h1 {font-size: 2em}
-h2 {font-size: 1.5em}
-h3 {font-size: 1.17em}
-h4 {font-size: 1em}
-h5 {font-size: .83em}
-h6 {font-size: .75em}
-.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
-a.mceItemAnchor {display:inline-block; width:11px !important; height:11px  !important; background:url(img/items.gif) no-repeat 0 0;}
-img.mceItemAnchor {width:11px; height:11px; background:url(img/items.gif) no-repeat;}
-span.mceItemNbsp {background: #DDD}
-td.mceSelected, th.mceSelected {background-color:#3399ff !important}
-img {border:0;}
-table {cursor:default}
-table td, table th {cursor:text}
-ins {border-bottom:1px solid green; text-decoration: none; color:green}
-del {color:red; text-decoration:line-through}
-cite {border-bottom:1px dashed blue}
-acronym {border-bottom:1px dotted #CCC; cursor:help}
-abbr {border-bottom:1px dashed #CCC; cursor:help}
-
+/* Default */
+html,body {
+     padding: 10px !important;
+     margin: 0 !important;
+     background: #fff !important;
+}
+body {
+     height: 94% !important;
+     padding: 0 !important;
+}
+body, td, pre {
+     color: #000;
+     font: 76%/1.5em Helvetica,Arial,sans-serif;
+     margin: 8px;
+}
+body.mceForceColors {
+     background: #fff;
+     color: #000;
+}
 * html body {
-scrollbar-3dlight-color:#F0F0EE;
-scrollbar-arrow-color:#676662;
-scrollbar-base-color:#F0F0EE;
-scrollbar-darkshadow-color:#DDD;
-scrollbar-face-color:#E0E0DD;
-scrollbar-highlight-color:#F0F0EE;
-scrollbar-shadow-color:#F0F0EE;
-scrollbar-track-color:#F5F5F5;
+     scrollbar-3dlight-color:#F0F0EE;
+     scrollbar-arrow-color:#676662;
+     scrollbar-base-color:#F0F0EE;
+     scrollbar-darkshadow-color:#DDD;
+     scrollbar-face-color:#E0E0DD;
+     scrollbar-highlight-color:#F0F0EE;
+     scrollbar-shadow-color:#F0F0EE;
+     scrollbar-track-color:#F5F5F5;
 }
 
-img:-moz-broken {-moz-force-broken-image-icon:1; width:24px; height:24px}
-font[face=mceinline] {font-family:inherit !important}
+/* Elements */
+h1 { font-size: 3.5em; }
+h2 { font-size: 3em; }
+h3 { font-size: 2.5em; }
+h4 { font-size: 2em; }
+h5 { font-size: 1.5em; }
+h6 { font-size: 1.17em; }
+img { border: 0; }
+cite, { border-bottom: 1px dashed #bbb; }
+q:before, q:after { font-size: 1.2em; }
+q:before {
+     content: '\201C';
+     margin-right: 1px;
+}
+q:after {
+     content: '\201D';
+     margin-left: 3px;
+}
+a {
+     color: #2373A8;
+     border-bottom: 1px dotted #F90;
+     text-decoration: none;
+}
+a[hreflang]:before {
+     content: attr(hreflang);
+     background-color: whiteSmoke;
+     border: 1px solid #bbb;
+     margin-right: 0.3em;
+     padding: 0 3px 0 3px;
+     -moz-border-radius: 5px;
+     -webkit-border-radius: 5px;
+     -khtml-border-radius: 5px;
+     border-radius: 5px;
+}
+acronym {
+     border-bottom: 1px dotted #bbb;
+     cursor: help;
+}
+abbr {
+     border-bottom: 1px dashed #bbb;
+     cursor:help;
+}
+.mceItemAnchor:before {
+     content: attr(name);
+     background: whiteSmoke url(img/anchor.png) no-repeat 0 3px;
+     font-style: italic;
+     border: 1px solid #ccc;
+     -moz-border-radius: 5px;
+     -webkit-border-radius: 5px;
+     -khtml-border-radius: 5px;
+     border-radius: 5px;
+     margin: 0 3px 0 3px;
+     padding: 0 2px 0 12px;
+}
+span.mceItemNbsp {
+     background: whiteSmoke;
+     border-bottom: 1px dashed #ccc;
+}
+td.mceSelected, th.mceSelected { background-color: #3399ff !important; }
 
-.mceItemMedia {border:1px dotted #cc0000; background-position:center; background-repeat:no-repeat; background-color:#ffffcc}
-.mceItemShockWave {background-image:url(../../img/shockwave.gif)}
-.mceItemFlash {background-image:url(../../img/flash.gif)}
-.mceItemQuickTime {background-image:url(../../img/quicktime.gif)}
-.mceItemWindowsMedia {background-image:url(../../img/windowsmedia.gif)}
-.mceItemRealMedia {background-image:url(../../img/realmedia.gif)}
-.mceItemVideo {background-image:url(../../img/video.gif)}
-.mceItemIframe {background-image:url(../../img/iframe.gif)}
-.mcePageBreak {display:block;border:0;width:100%;height:12px;border-top:1px dotted #ccc;margin-top:15px;background:#fff url(../../img/pagebreak.gif) no-repeat center top;}
+/* Table */
+.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid { border: 1px dashed #ccc; }
+table { cursor: default; }
+table td, table th { cursor: text; }
 
+/* Media */
+div.media object, div.media iframe { display: block; }
+div.media {
+     display: block;
+}
+div.media object, div.media iframe {
+     border: 1px dotted #ccc;
+     background-color: whiteSmoke;
+     background-position: center;
+     background-repeat: no-repeat;
+}
+div.media-audio object, div.media-audio iframe { background-image: url(img/audio.png); }
+div.media-video object, div.media-video iframe { background-image: url(img/video.png); }
+div.media-rich object, div.media-rich iframe { background-image: url(img/rich.png); }
+
+/* Other */
+img:-moz-broken {
+     -moz-force-broken-image-icon: 1;
+     width: 24px;
+     height: 24px;
+}
+font[face=mceinline] { font-family: inherit !important; }