p_date.css 4.05 KB
.content{
    width :100%;
    height :100%;
}
.win_top{
    width :100%;
    height :10%;
    float:left;
}
#title{
    width :68%;
    height :10%;
    float:left;
}
#title img{
    height: 80px;
    width : auto;
    margin-left : 20px;
    float:left;
}
#title img:hover{
    opacity:0.6;
}
#selected-date{
    font-size: 10px;
    float:left;
    font-weight: bold;
    margin-top : -10px;
    margin-left:17px;
    border-bottom: 1px solid #4e73df;
    
}
#selected-file{
    font-size: 10px;
    float:left;
    font-weight: bold;
    margin-top : -10px;
    margin-left:70px;
    border-bottom: 1px solid  #4e73df;
}
#date{
    width:28%;
    height :15%;
    float:left;
    vertical-align: middle;
}
p.float_left{
    float:left;
}
.results{
    width :98%;
    height :85%;
    position:absolute;
    bottom:10px;
    left:10px;
    text-align: center;
    float:left;
    border :2px dashed #4e73df;
    overflow-y:auto;
}
.photo{
    width : 240px;
    height : 300px;
    border :1px solid #4e73df;
    color:black;
    float : left;
    margin : 5px;
    
}
.top{
    width:240px;
    height:240px;
}
.top img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.bottom{
    width:240px;
    height:60px;
}
.name{
    width : 200px;
    height:60px;
    float : left;
}
#d{
    float:top;
    margin-top: -3px;
}
#n{
    float:top;
    margin-top: -16px;
}
.check{
    width : 40px;
    height:60px;
    float : left;
}
.check input{
    width:20px;
    height :20px;
    margin-top:20px;
    margin-right:10px;
    border: 2px solid #bcbcbc;
}
.check input:checked{
    background-color: #4e73df;
}
#start_date{
    border: 1px solid #4e73df; 
    background-color: white; 
    line-height: 1;
    font-size: 17px;
    width: 200px;
    height :50px;
    padding:10px 15px;
    display: block;
    box-sizing: border-box;
    border-radius: 60px;
    color: dimgray;
    font-weight: 100;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    margin-left: 10px;
}
#end_date{
    border: 1px solid #4e73df; 
    background-color: white; 
    line-height: 1;
    font-size: 17px;
    width: 200px;
    height :50px;
    padding:10px 15px;
    display: block;
    box-sizing: border-box;
    border-radius: 60px;
    color: dimgray;
    font-weight: 100;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    margin-left: 10px;
}
#select{
    border: 1px solid #4e73df; 
    background-color: #4e73df; 
    line-height: 1;
    font-size: 17px;
    width: 135px;
    height :50px;
    padding:10px 15px;
    display: block;
    box-sizing: border-box;
    color: white;
    font-weight: 100;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    margin-left: 10px;
}
#select:hover{
    background-color: white;
    color: #4e73df;
}
#submit{
    border: 1px solid #4e73df; 
    background-color: #4e73df; 
    line-height: 1;
    font-size: 17px;
    width: 100px;
    height :50px;
    padding:10px 15px;
    display: block;
    box-sizing: border-box;
    border-radius: 60px;
    color: white;
    font-weight: 100;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    margin-left: 10px;
}
#submit:hover{
    background-color: white;
    color: #4e73df;
}
#save_photo{
    border: 1px solid #4e73df; 
    background-color: #4e73df;
    line-height: 1;
    font-size: 17px;
    width: 135px;
    height :50px;
    padding:10px 15px;
    display: block;
    box-sizing: border-box;
    color: white;
    font-weight: 100;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    margin-left: 10px;
    visibility: visible;
}
#save_photo:hover{
    background-color: white;
    color: #4e73df;
}
#closeBtn {
    border: 1px solid #4e73df; 
    background-color: #4e73df;
    line-height: 1;
    font-size: 25px;
    width: 50px;
    height :50px;
    padding:10px 15px;
    display: block;
    box-sizing: border-box;
    border-radius: 60px;
    color: white;
    font-weight: 100;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
    margin-left: 5px;
} 
#closeBtn:hover{
    background-color: white;
    color: #4e73df;
}