global.css 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. /***
  2. TinyMCE add option to use dashicons
  3. ***/
  4. i.mce-i-icon { font: 400 20px/1 dashicons; padding: 0; vertical-align: top; speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-left: -2px;padding-right: 2px}
  5. div[aria-describedby="revslider-tiny-mce-dialog"] { font-family: sans-serif}
  6. div[aria-describedby="revslider-tiny-mce-dialog"]:before { content:" ";position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5); top:0px;left:0px;}
  7. div[aria-describedby="revslider-tiny-mce-dialog"].ui-dialog.ui-widget.ui-widget-content { padding:0px !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow:none;border:none !important;}
  8. div[aria-describedby="revslider-tiny-mce-dialog"] .ui-widget-header { background:#fff !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border:none !important; padding:0px !important}
  9. div[aria-describedby="revslider-tiny-mce-dialog"] .ui-dialog-titlebar { height:80px; position:relative;z-index: 1 }
  10. div[aria-describedby="revslider-tiny-mce-dialog"] .ui-dialog-title { background: url(../images/logo_small.png) no-repeat;width: 207px;height: 80px;top: 0px;position: absolute;left: 20px;background-position: left center;padding-left:225px;line-height:50px;}
  11. div[aria-describedby="revslider-tiny-mce-dialog"] .ui-dialog-titlebar-close { background:transparent; padding:0px; width:20px !important;height:20px !important; right:30px; top:20px; position: absolute; border:none !important; font-weight: 400; font-size:20px; margin:0px;}
  12. div[aria-describedby="revslider-tiny-mce-dialog"] .ui-dialog-titlebar-close:before { background:transparent !important; content: "\f158"; font-size:30px; font-family: dashicons; color:#777; }
  13. div[aria-describedby="revslider-tiny-mce-dialog"] .ui-button-icon-primary.ui-icon.ui-icon-closethick { display:none;}
  14. #revslider-existing-slider { display: none;}
  15. #revslider-tiny-mce-dialog .button-primary { text-shadow:none !important;}
  16. .ui-widget-overlay.ui-front { background: #000; opacity:0.5;}
  17. .rs-slider-modify-li,
  18. .rs-slide-modify-li { float:left; position:relative; margin-right:10px !important;margin-bottom:10px !important; padding:0 !important; display:block; width:160px;height:125px; cursor: pointer;}
  19. .rs-slider-modify-li.selected:before,
  20. .rs-slide-modify-li.selected:before { position:absolute;content:" "; background:#31ad6a; opacity:0.9; width:100%;height:100%;top:0px;left:0px; }
  21. .rs-slider-modify-li.selected:after,
  22. .rs-slide-modify-li.selected:after { font-family: dashicons; top:40px; left:60px; font-size:35px; color:#fff;content: "\f147"; position: absolute;}
  23. .rs-slider-modify-li .rs-slider-modify-container,
  24. .rs-slide-modify-li .rs-slide-modify-container { width:160px;height:95px;top:0px;left:0px;}
  25. .rs-slider-modify-li .rs-slider-modify-container.mini-transparent,
  26. .rs-slide-modify-li .rs-slide-modify-container.mini-transparent { background:url(../images/trans_tile2.png); background-repeat: repeat;}
  27. .rs-slider-modify-li .rs-slider-modify-title,
  28. .rs-slide-modify-li .rs-slide-modify-title { width: 160px;
  29. height: 30px;
  30. background: #eee;
  31. line-height: 30px;
  32. padding: 0px 10px;
  33. text-align: left;
  34. color: #555;
  35. font-size: 11px;
  36. display: block;
  37. position: absolute;
  38. bottom: 0px;
  39. left: 0px;
  40. box-sizing: border-box;
  41. -moz-box-sizing: border-box;
  42. font-weight: 400;
  43. white-space: nowrap;
  44. overflow: hidden;
  45. }
  46. .rs-slider-modify-li:hover .rs-slider-modify-title,
  47. .rs-slide-modify-li:hover .rs-slide-modify-title {
  48. background:#333;
  49. color:#fff;
  50. }
  51. #revslider-tiny-mce-dialog { position: relative; padding:0px !important; background:#ddd;}
  52. /***
  53. ShortCode Generator Fixes
  54. ***/
  55. /*.ui-dialog {
  56. z-index: 1000102 !important;
  57. }*/
  58. #rs-shortcode-select-wrapper,
  59. .rs-mod-slides-wrapper { margin:0 !important; padding:0 !important; height:374px; max-height: 374px; overflow: scroll;}
  60. .revslider-quicktitle { background:#777; padding:0px 20px; height:50px; line-height: 50px; font-weight:900; margin:0px !important;}
  61. .revslider-quicktitle:before { content:" "; background:url(../images/quickslider.png); background-size:125px 50px; background-position: center center; width:125px; height:50px; display: block; margin:0px !important;}
  62. .revslider-quick-inner-wrapper { padding:20px;}
  63. .revslider-stepnavigator,
  64. .revslider-stepnavigator strong { line-height: 75px; background: #fff; height:75px; padding:0px 20px; color:#444; font-size:15px; font-weight: 400;}
  65. .revslider-stepnavigator strong { font-weight: 900; padding-left:0px;}
  66. .revslider-currentstep { display: inline-block; float:left; margin:0px; padding:0px;}
  67. .revslider-step-actions-wrapper { display:inline-block; float:right; margin:0px; padding:0px;}
  68. #rs-add-predefined-slider,
  69. #rs-modify-predefined-slider,
  70. #revslider-add-custom-shortcode-modify,
  71. .rs-goto-step-1 { cursor:pointer !important;background:#27ae60 !important; line-height:54px !important; height:54px !important; padding:0px 20px !important; color:#fff !important; font-size:15px !important; font-weight: 14px !important;border:none !important; outline:none !important; box-shadow: none !important; border-radius: 0 !important; -moz-border-radius:0 !important; vertical-align: middle !important;margin: 0px 10px 0px 0px!important;}
  72. .rs-goto-step-1,
  73. #rs-modify-predefined-slider { background: #3498db !important}
  74. #rs-add-predefined-slider .dashicons,
  75. #rs-modify-predefined-slider .dashicons,
  76. .rs-goto-step-1 .dashicons,
  77. #revslider-add-custom-shortcode-modify .dashicons { line-height: 55px; font-size:25px; width:40px;}
  78. #rs-create-predefined-slider { display: block;width: 160px;height: 125px;background: rgba(0, 0, 0, 0) !important;border: 1px dashed #aaa;outline: none !important;border-radius: 0px;box-shadow: none !important; position:absolute;}
  79. #rs-create-predefined-slider .dashicons { top: 35px;left: 50%;color: #252525;font-size: 35px;margin-left: -17px; position: absolute;}
  80. #rs-add-predefined-slider.nonclickable,
  81. #rs-modify-predefined-slider.nonclickable { background:#eee !important; color:#bbb !important; cursor:default !important;}
  82. #revslider-tiny-settings-wrap .slide-link-published-wrapper {
  83. position: absolute;
  84. top: 5px;
  85. right: 5px;
  86. }
  87. #revslider-tiny-settings-wrap .slide-published,
  88. #revslider-tiny-settings-wrap .slide-hero-published {
  89. display: none!important;
  90. width: 20px;
  91. height: 20px;
  92. background: url(../images/toolbar/icon-slide-published.png);
  93. position: absolute;
  94. top: 0;
  95. right: 0;
  96. }
  97. #revslider-tiny-settings-wrap .slide-unpublished.pubclickable,
  98. #revslider-tiny-settings-wrap .slide-hero-unpublished.pubclickable {
  99. display: none!important;
  100. }
  101. #revslider-tiny-settings-wrap li:hover .slide-published,
  102. #revslider-tiny-settings-wrap li:hover .slide-hero-published,
  103. #revslider-tiny-settings-wrap li:hover .slide-unpublished,
  104. #revslider-tiny-settings-wrap li:hover .slide-hero-unpublished {
  105. display: block!important;
  106. }
  107. #revslider-tiny-settings-wrap .slide-unpublished,
  108. #revslider-tiny-settings-wrap .slide-hero-unpublished {
  109. width: 20px;
  110. height: 20px;
  111. background: url(../images/toolbar/icon-slide-unpublished.png);
  112. position: absolute;
  113. top: 0;
  114. right: 0;
  115. }
  116. #revslider-tiny-settings-wrap .pubclickable {
  117. right: 25px !important;
  118. cursor: pointer;
  119. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  120. filter: alpha(opacity=30);
  121. -moz-opacity: .3;
  122. -khtml-opacity: .3;
  123. opacity: .3;
  124. }
  125. #revslider-tiny-settings-wrap .pubclickable:hover {
  126. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  127. filter: alpha(opacity=100);
  128. -moz-opacity: 1;
  129. -khtml-opacity: 1;
  130. opacity: 1;
  131. }
  132. /**
  133. * requested by the WPML guys, leave it in here
  134. **/
  135. .toolset_select2-container{z-index: 1000102;}