mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-16 21:34:25 +03:00
69 lines
2.7 KiB
CSS
69 lines
2.7 KiB
CSS
/* --------------------------------------------
|
|
ÌÎÄÀËÜÍÛÅ ÎÊÍÀ
|
|
-------------------------------------------- */
|
|
|
|
.modal {
|
|
display: none;
|
|
|
|
position: fixed;
|
|
top: 25%;
|
|
left: 50%;
|
|
|
|
width: 300px;
|
|
margin-left: -150px;
|
|
|
|
color: #333;
|
|
border: 1px solid #666;
|
|
background-color: #fff;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); box-shadow: 0 0 15px rgba(0,0,0,.5);
|
|
overflow: hidden;
|
|
}
|
|
.modal .close {
|
|
position: absolute;
|
|
top: 14px;
|
|
right: 14px;
|
|
width: 14px;
|
|
height: 14px;
|
|
background: url(../images/icons.png) -312px 0 no-repeat;
|
|
opacity: .3;
|
|
filter: alpha(opacity=30);
|
|
}
|
|
.modal .close:hover { opacity: 1; filter: alpha(opacity=100); }
|
|
.modal .modal-header { background: #fafafa; border-bottom: 1px solid #f7f7f7; padding: 5px 20px; }
|
|
.modal .modal-header h3 { font-size: 20px; font-weight: bold; margin-right: 20px; }
|
|
.modal .modal-content { padding: 20px; }
|
|
|
|
.jqmOverlay { background-color: #000; }
|
|
|
|
* html .modal { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }
|
|
|
|
|
|
|
|
/* Ôîðìà âõîäà */
|
|
.modal.modal-login { width: 450px; margin-left: -225px; top: 50px; }
|
|
.modal.modal-login .nav { margin-bottom: 30px; }
|
|
|
|
|
|
/* Äîáàâëåíèå òîïèêà */
|
|
.modal.modal-write { width: 740px; margin-left: -370px; top: 50px; }
|
|
.modal.modal-write .modal-content { padding: 20px 10px 0; *padding: 20px 10px 15px; }
|
|
.modal.modal-write .write-list { *overflow: hidden; *zoom: 1; }
|
|
.modal.modal-write .write-list li { width: 100px; margin: 0 10px 20px; text-align: center; overflow: hidden; display: inline-table; *float: left; }
|
|
.modal.modal-write .write-list li a { color: #39576B; }
|
|
.modal.modal-write .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; }
|
|
|
|
.modal.modal-write .write-list li.write-item-type-topic .write-item-image { background-position: 0 0; }
|
|
.modal.modal-write .write-list li.write-item-type-poll .write-item-image { background-position: -100px 0; }
|
|
.modal.modal-write .write-list li.write-item-type-link .write-item-image { background-position: -200px 0; }
|
|
.modal.modal-write .write-list li.write-item-type-photoset .write-item-image { background-position: -300px 0; }
|
|
.modal.modal-write .write-list li.write-item-type-blog .write-item-image { background-position: -400px 0; }
|
|
.modal.modal-write .write-list li.write-item-type-draft .write-item-image { background-position: -500px 0; }
|
|
|
|
|
|
/* Upload Image */
|
|
.modal-image-upload { width: 500px; margin-left: -250px; }
|
|
|
|
|
|
|