canvas-lms/app/stylesheets/tiny_like_ck_with_external_...

57 lines
1.5 KiB
Sass

@import environment.sass
.defaultSkin table.mceLayout
margin: 10px 0
background-color: transparent
border: 0
td.mceIframeContainer
border: 1px solid #ccc
padding: 0
tr.mceFirst
td.mceToolbar
border: 1px solid #ccc
border-top-left-radius: 4px
border-top-right-radius: 4px
border-bottom: 0
padding: 0
+vertical-gradient(#fefefe, #e1e1e1)
.mceButton.instructure_external_tool_button
img.mceIcon
width: 16px
height: 16px
padding: 2px
table.mceToolbar
background-color: transparent
td
&.mceSeparatorMiddle
background-image: none
.mceSplitButton
padding: 0px 1px
a.mceButton
border-color: transparent
&:hover
background-color: #B1D5E9
&.mceButtonActive
background-color: #ADCDDF
td
padding: 0
a.mceAction,a.mceOpen
border-color: #ccc
//make the font-size and format dropdowns less wide than default.
.mceListBox .mceText
width: 52px
// tiny normally has a status bar on the bottom that on the left has "Path: h1 » img" and has
// a resizer on the right. This collapses that so the only thing visible is the resizer.
.mceStatusbar
height: 0
border: 0 !important
padding: 0
position: relative
.mceResize
position: absolute
right: 0
bottom: 0
div
display: none