Monkey Place

monkeyplace.ru/assets/uploadify/uploadify.css

Monkeyplace.ru - это веб-сайт, который предоставляет своим пользователям возможность загружать свои фотографии и видео. Он имеет интерфейс, который называется uploadify, который позволяет пользователям загружать файлы на сайт. Uploadify имеет свой собственный css файл, который находится по адресу monkeyplace.ru/assets/uploadify/uploadify.css.

CSS-код

.uploadify-button {
    background:#3a86ff;
    border: none;
    font-weight: bold;
    color:#fff;
    text-align:center;
    cursor:pointer;
    padding:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.uploadify-button:hover {
    background:#2979ff;
}

.uploadify:hover .uploadify-button{
    color: #3a86ff;
    border:1px solid #3a86ff;
    background:#fff;
}

.uploadify-queue {
    border:1px solid #ddd;
    margin-top:10px;
    background-color: #fff;
    overflow:auto;
    height:100px;
    width:278px;
    padding:5px;
}

.uploadify-queue-item {
    margin-bottom:5px;
    padding:5px;
    border:1px solid #ddd;
}

.uploadify-queue-item .cancel {
    float:right;
    margin:3px;
    padding:3px;
    border:1px solid #ddd;
    background-color: #fff;
    cursor:pointer;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}

.uploadify-progress-bar {
    position:relative;
    height:5px;
    width:100%;
    border:1px solid #ddd;
    margin-top:5px;
    background-color:#fff;
}

.uploadify-progress-bar .uploadify-progress {
    background-color:#FF7900;
    height:5px;
    position:absolute;
    width:0;
}

Описание элементов

Заключение

Uploadify стал очень популярным и эффективным способом загрузки файлов на сайт. Этот css файл помогает облегчить интерфейс загрузки файлов для пользователей на Monkeyplace.ru. Этот файл можно использовать как основу для создания своей собственной версии uploadify для других веб-сайтов.