github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/libs/tinymce/plugins/jbimages/css/dialog.css (about) 1 /** 2 * Justboil.me - a TinyMCE image upload plugin 3 * jbimages/css/dialog.css 4 * 5 * Released under Creative Commons Attribution 3.0 Unported License 6 * 7 * License: http://creativecommons.org/licenses/by/3.0/ 8 * Plugin info: http://justboil.me/ 9 * Author: Viktor Kuzhelnyi 10 * 11 * Version: 2.3 released 23/06/2013 12 */ 13 14 body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align:center;} 15 h2 {color:#666;} 16 17 .form-inline input { 18 display: inline-block; 19 *display: inline; 20 margin-bottom: 0; 21 vertical-align: middle; 22 *zoom: 1; 23 } 24 .jbFileBox {border:0!important;} 25 .jbFileBox {width:120px!important; } 26 27 #upload_target {border:0; margin:0; padding:0; width:0; height:0; display:none;} 28 29 .upload_infobar {display:none; font-size:12pt; background:#fff; padding:5px; margin-top:10px; border-radius:5px;} 30 .upload_infobar img.spinner {margin-right:10px;} 31 .upload_infobar a {color:#0000cc;} 32 #upload_additional_info {font-size:10pt; padding-left:26px;} 33 34 #the_plugin_name {margin:25px 0 0 0;} 35 #the_plugin_name, #the_plugin_name a {color:#777; font-size:9px;} 36 #the_plugin_name a {text-decoration:none;} 37 #the_plugin_name a:hover {color:#333;} 38 39 #close_link {margin-top:10px; display:none;} /* for opera */ 40 41 /* this class makes the upload script output visible */ 42 .upload_target_visible {width:100%!important; height:200px!important; border:1px solid #000!important; display:block!important} 43 44 /* sweet upload button (from twitter bootstrap) */ 45 .btn { 46 display: inline-block; 47 *display: inline; 48 padding: 4px 12px; 49 margin-bottom: 0; 50 *margin-left: .3em; 51 font-size: 14px; 52 line-height: 20px; 53 color: #333333; 54 text-align: center; 55 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 56 vertical-align: middle; 57 cursor: pointer; 58 background-color: #f5f5f5; 59 *background-color: #e6e6e6; 60 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); 61 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); 62 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); 63 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); 64 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); 65 background-repeat: repeat-x; 66 border: 1px solid #bbbbbb; 67 *border: 0; 68 border-color: #e6e6e6 #e6e6e6 #bfbfbf; 69 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 70 border-bottom-color: #a2a2a2; 71 -webkit-border-radius: 4px; 72 -moz-border-radius: 4px; 73 border-radius: 4px; 74 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); 75 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 76 *zoom: 1; 77 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 78 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 79 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 80 } 81 82 .btn:hover, 83 .btn:active, 84 .btn.active, 85 .btn.disabled, 86 .btn[disabled] { 87 color: #333333; 88 background-color: #e6e6e6; 89 *background-color: #d9d9d9; 90 } 91 92 .btn:active, 93 .btn.active { 94 background-color: #cccccc \9; 95 } 96 97 .btn:first-child { 98 *margin-left: 0; 99 } 100 101 .btn:hover { 102 color: #333333; 103 text-decoration: none; 104 background-position: 0 -15px; 105 -webkit-transition: background-position 0.1s linear; 106 -moz-transition: background-position 0.1s linear; 107 -o-transition: background-position 0.1s linear; 108 transition: background-position 0.1s linear; 109 } 110 .btn:focus { 111 outline: thin dotted #333; 112 outline: 5px auto -webkit-focus-ring-color; 113 outline-offset: -2px; 114 } 115 .btn.active, 116 .btn:active { 117 background-image: none; 118 outline: 0; 119 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 120 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 121 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 122 } 123 .btn { 124 border-color: #c5c5c5; 125 border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); 126 }