summaryrefslogtreecommitdiff
path: root/skins/classic/common.css
diff options
context:
space:
mode:
authorAleksander Machniak <alec@alec.pl>2014-05-27 20:08:36 +0200
committerAleksander Machniak <alec@alec.pl>2014-05-27 20:08:36 +0200
commitb21f8bd3ef368563f2debf4e0debfb319ce763ea (patch)
treec4f6723f3c7dc321d9b3c75c3bb939b918601176 /skins/classic/common.css
parentf41912e4cb4281358de8c22c72d47b05d2b8ec8f (diff)
Implemented image selector dialog for TinyMCE, css fixes in classic skin for TinyMCE4
Diffstat (limited to 'skins/classic/common.css')
-rw-r--r--skins/classic/common.css127
1 files changed, 119 insertions, 8 deletions
diff --git a/skins/classic/common.css b/skins/classic/common.css
index bad2114c8..3ebe82dab 100644
--- a/skins/classic/common.css
+++ b/skins/classic/common.css
@@ -597,14 +597,6 @@ img.uploading
height: 16px;
}
-.mce-btn-small button {
- height: 22px;
-}
-
-.mce-btn-small i {
- line-height: 16px !important;
- vertical-align: text-top !important;
-}
/***** common table settings ******/
@@ -1122,3 +1114,122 @@ fieldset.tabbed
.quota_text_high { color: white; }
.quota_text_mid { color: #666; }
.quota_text_low { color: #666; }
+
+
+/********** TinyMCE styles **********/
+.mce-btn-small button
+{
+ height: 22px;
+}
+
+.mce-btn-small i
+{
+ line-height: 16px !important;
+ vertical-align: text-top !important;
+}
+
+.mce-combobox button
+{
+ padding: 6px 8px !important;
+}
+
+.mce-tinymce,
+.mce-panel.mce-toolbar-grp
+{
+ border: 0 !important;
+}
+
+#image-selector-list
+{
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 152px;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+#image-selector-form
+{
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 150px;
+ border: 0;
+ border: 1px solid #FFF;
+ border-left: 1px solid #DDD;
+ background: url(images/filedrop.png) center bottom no-repeat;
+ text-align: center;
+ padding-top: 10px;
+}
+
+#image-upload-button
+{
+ width: 80%;
+ height: 30px;
+}
+
+#image-upload-button span
+{
+ position: absolute;
+ width: 100%;
+ text-align: center;
+ line-height: 30px;
+}
+
+#image-selector-list li
+{
+ line-height: 80px;
+ padding: 2px 0 2px 3px;
+ cursor: pointer;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+#image-selector-list li:hover
+{
+ background-color: #F0F0F0;
+}
+
+#image-selector-list ul li img
+{
+ vertical-align: middle;
+ max-height: 80px;
+}
+
+#image-selector-list ul li span.name
+{
+ vertical-align: middle;
+ font-weight: bold;
+ padding-left: 10px;
+ line-height: 80px;
+ vertical-align: middle;
+}
+
+#image-selector-list ul li span.img
+{
+ width: 80px;
+ text-align: center;
+ display: inline-block;
+ overflow: hidden;
+ line-height: 80px;
+ vertical-align: middle;
+}
+
+#image-selector-form.droptarget.hover
+{
+ background-color: #F0F0EE;
+ box-shadow: 0 0 5px 0 #999;
+ -moz-box-shadow: 0 0 5px 0 #999;
+ -o-box-shadow: 0 0 5px 0 #999;
+}
+
+div.mce-abs-end div.hint
+{
+ line-height: 50px;
+ padding-left: 10px;
+ color: #999;
+ text-shadow: 0 1px 1px #FFF;
+}