101 lines
1.4 KiB
CSS
101 lines
1.4 KiB
CSS
/*
|
|
Document : popup
|
|
Created on : 2012.08.15., 11:29:58
|
|
Author : Gergely Polonkai
|
|
Description:
|
|
Popup DIV styling CSS
|
|
*/
|
|
|
|
#popup-container {
|
|
display: none;
|
|
position: fixed;
|
|
height: 300px;
|
|
width: 200px;
|
|
background: #ffffff;
|
|
z-index: 80;
|
|
}
|
|
|
|
#popup-close {
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 16px;
|
|
top: -5px;
|
|
right: -5px;
|
|
background-image: url('../images/no.png');
|
|
}
|
|
|
|
#popup-inside {
|
|
border: 1px solid black;
|
|
height: 292px;
|
|
width: 192px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
#popup-title {
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
}
|
|
|
|
#popup-content {
|
|
padding: 3px;
|
|
}
|
|
|
|
#popup-scrollable {
|
|
width: 192px;
|
|
clear: both;
|
|
margin: 20px 0 10px;
|
|
}
|
|
|
|
#popup-scrollable .viewport {
|
|
width: 172px;
|
|
height: 246px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
#popup-scrollable .overview {
|
|
list-style: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
#popup-scrollable .thumb .end, #popup-scrollable .thumb {
|
|
background-color: #003D5D;
|
|
}
|
|
|
|
#popup-scrollable .scrollbar {
|
|
position: relative;
|
|
float: right;
|
|
width: 15px;
|
|
}
|
|
|
|
#popup-scrollable .track {
|
|
background-color: #D8EEFD;
|
|
height: 100%;
|
|
width: 13px;
|
|
position: relative;
|
|
padding: 0 1px;
|
|
}
|
|
|
|
#popup-scrollable .thumb {
|
|
height: 20px;
|
|
width: 13px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
#popup-scrollable .thumb .end {
|
|
overflow: hidden;
|
|
height: 5px;
|
|
width: 13px;
|
|
}
|
|
|
|
#popup-scrollable .disable {
|
|
display: none;
|
|
}
|