123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- /* This file contains the CSS data for media file selector of TinyMCE */
- #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;
- 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,
- #image-selector-list li:focus {
- 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;
- }
-
- #image-selector-list ul li span.img {
- height: 80px;
- width: 80px;
- text-align: center;
- display: inline-block;
- overflow: hidden;
- line-height: 80px;
- }
-
- #image-selector-form.droptarget.hover,
- #image-selector-form.droptarget.active {
- border: 1px solid #019bc6;
- box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
- -moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
- -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
- }
-
- #image-selector-form.droptarget.hover {
- background-color: #d9ecf4;
- box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
- -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
- -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
- }
-
- div.mce-abs-end div.hint {
- line-height: 50px;
- padding-left: 10px;
- color: #999;
- text-shadow: 0 1px 1px #FFF;
- }
|