mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-17 05:44:26 +03:00
142 lines
4.6 KiB
CSS
142 lines
4.6 KiB
CSS
/**
|
|
* Модальные окна
|
|
*
|
|
* @template modals/*.tpl
|
|
* @scripts <frontend_framework>/js/modal.js
|
|
*
|
|
* @license GNU General Public License, version 2
|
|
* @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
|
|
* @author Denis Shakhov <denis.shakhov@gmail.com>
|
|
*/
|
|
|
|
/**
|
|
* Создать
|
|
*
|
|
* @template modals/modal.write.tpl
|
|
*/
|
|
.modal.modal-write { width: 500px; }
|
|
.modal.modal-write .modal-content { padding: 20px 10px 0; }
|
|
|
|
.write-list li { width: 100px; margin: 0 10px 20px; text-align: center; overflow: hidden; float: left; }
|
|
.write-list li a { color: #39576B; }
|
|
.write-list li .write-item-image { display: block; width: 100px; height: 100px; border-radius: 3px; text-align: center; background: url(../images/write.png) no-repeat; margin-bottom: 10px; }
|
|
|
|
.write-list li.write-item-type-topic .write-item-image { background-position: 0 0; }
|
|
.write-list li.write-item-type-poll .write-item-image { background-position: -100px 0; }
|
|
.write-list li.write-item-type-link .write-item-image { background-position: -200px 0; }
|
|
.write-list li.write-item-type-photoset .write-item-image { background-position: -300px 0; }
|
|
.write-list li.write-item-type-blog .write-item-image { background-position: -400px 0; }
|
|
.write-list li.write-item-type-draft .write-item-image { background-position: -500px 0; }
|
|
|
|
|
|
/**
|
|
* Add media
|
|
*
|
|
* @template modals/modal.upload_image.tpl
|
|
*/
|
|
.modal-upload-image { max-width: 1200px; border: none; }
|
|
|
|
.modal-upload-image .modal-content { min-height: 300px; }
|
|
.modal-upload-image .grid-row { background: #222; }
|
|
|
|
.modal-upload-image-pane { overflow: hidden; }
|
|
|
|
/* Nav */
|
|
.modal-upload-image-nav { float: left; width: 150px; padding-top: 15px; }
|
|
.modal-upload-image-nav li a { display: block; padding: 10px 15px; color: #eee; }
|
|
.modal-upload-image-nav li a:hover { background: #2a2a2a; }
|
|
.modal-upload-image-nav li.active a { background: #333; }
|
|
|
|
/* Content */
|
|
.modal-upload-image-content { min-height: 300px; margin-left: 150px; background: #fff; border-left: 1px solid #eee; }
|
|
|
|
/**
|
|
* Gallery
|
|
*/
|
|
.media-gallery-content { overflow: hidden; min-height: 150px; }
|
|
|
|
/* Upload area */
|
|
.form-input-file.form-input-file-media {
|
|
display: block;
|
|
border: 3px dashed #eee;
|
|
color: #555;
|
|
cursor: pointer;
|
|
padding: 20px;
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* File list */
|
|
.media-gallery-list { overflow: auto; width: 68%; margin-right: 2%; max-height: 354px; float: left; }
|
|
|
|
.media-gallery-list-item {
|
|
position: relative;
|
|
cursor: pointer;
|
|
border: 3px solid transparent;
|
|
padding: 1px;
|
|
float: left;
|
|
margin: 0 10px 10px 0;
|
|
}
|
|
.media-gallery-list-item img { vertical-align: top; width: 100px; height: 100px; }
|
|
.media-gallery-list-item:hover { border-color: #eee; }
|
|
|
|
/* Empty */
|
|
.media-gallery.is-empty .media-gallery-content { display: none; }
|
|
.media-gallery.is-empty .form-input-file.form-input-file-media { padding-top: 150px; padding-bottom: 150px; margin-bottom: 0; }
|
|
|
|
/* Progress bar */
|
|
.media-gallery-list-item .progress {
|
|
width: 100px;
|
|
height: 100px;
|
|
line-height: 100px;
|
|
position: relative;
|
|
text-align: center;
|
|
background-color: #f5f5f5;
|
|
}
|
|
.media-gallery-list-item .progress-info {
|
|
background: #000;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
position: relative;
|
|
}
|
|
.media-gallery-list-item .progress-value {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100px;
|
|
background: #84F76F;
|
|
}
|
|
|
|
/* Selected */
|
|
.media-gallery-list-item.is-selected { border-color: #D5CE3D; }
|
|
|
|
/* Active */
|
|
.media-gallery-list-item.is-selected.active { border-color: #7979FC; }
|
|
.media-gallery-list-item.is-selected.active .media-gallery-list-item-checkbox { background: #7979FC; }
|
|
|
|
/* Checkbox */
|
|
.media-gallery-list-item input { display: none; }
|
|
.media-gallery-list-item.is-selected .media-gallery-list-item-checkbox { display: none; position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; background: #D5CE3D; cursor: pointer; }
|
|
.media-gallery-list-item.is-selected input:checked + .media-gallery-list-item-checkbox { background: #000; }
|
|
|
|
/* Info */
|
|
.media-gallery-item-info { width: 30%; float: left; padding: 20px; background: #fafafa; }
|
|
.media-gallery-item-info ul li { margin-bottom: 5px; }
|
|
.media-gallery-item-info h3 { font-size: 18px; font-weight: 400; margin-bottom: 10px; color: #000; }
|
|
|
|
.media-gallery-item-info-image { margin-bottom: 10px; }
|
|
|
|
.media-gallery-list,
|
|
.media-gallery-item-info {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.media-item-info-empty { text-align: center; color: #aaa; }
|
|
|
|
/* Note */
|
|
.modal-upload-image-note { margin-bottom: 20px; } |