%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/infra/jogos/puzzle/css/
Upload File :
Create Path :
Current File : //home/infra/jogos/puzzle/css/image-puzzle.css

#collage hr{
    border:none;
    border-top:2px solid #f5f2f2;
    height:1px;
}

#collage #playPanel {
    /*background-color: #c2defc;*/
    padding: 10px 0px;
    width: 100%;
}

#collage #actualImageBox {
    /*display: inline-block;*/
    font-size:1em;
    /*margin: 0px 30px;*/
    vertical-align: top;
    width:280px;
}

#collage #stepBox div {
    background-color:#c2defc;
    display:inline-block;
    padding:1px 4px;
    margin: 0px auto;
    max-width:800px;
}

#collage img#actualImage{
    border:2px solid #ffffff;
    height:250px;
    width:400px;
    margin-top: 15px;
}

#collage #sortable {
    border:2px solid #ffffff;
    list-style-type: none;
    display: inline-block;
    margin: 0px;
    padding: 0;
    width: 400px;
    margin-top: 5px;
}

    #collage #sortable li {
        background-size: 400% 400%;
        border: none;
        cursor: pointer;
        margin: 0;
        padding: 0;
        float: left;
        width: 100px;
        height: 100px;
    }

#collage button  {
    height: auto;
    width: auto;
    background-color: #0173bc;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    margin-bottom: 15px;
}

#imgTitle {
    padding-top: .5em;
    /*padding-bottom: 1em;*/
    background-color: #fff;
    color: #484848;
    font-size: 12pt;
}

.title{
    background-color: #0173bc;
    color: #ecf0f3;
    width: 45%; 
    margin: 0 auto;
}
.container{
    width: 45%; 
    margin: 0 auto;
    background: #cde4f2;
}
.center{
    text-align: center;
    border: 5px solid #fff;
}
.gameTitle{
    padding-top: 1em;
    padding-bottom: 1em;
}
.subtitle{
    width: 100%;
    background-color: #fff;
    margin: 0px auto;
    color: #484848;
    padding-top: .2em;
}
.dificuldade{
    color: #484848;
}


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.win{
    text-align: center;
    color: #000;
}

Zerion Mini Shell 1.0