InigoValentin/app/assets/stylesheets/project.css

section{
    text-align: center;
    width: 90%;
    margin: auto;
}
section h3{
    text-align: left;
}
div#info_summary{
    display: inline-block;
    width: 72%;
    margin: 0;
    vertical-align: top;
    padding: 0;
    min-height: 13em;
    text-align: left;
}
@media screen and (max-width : 800px){
    div#info_summary{
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

div#info_summary h4{
    margin: 0.5em;
    font-style: italic;
}

div#info_summary div#text{
    margin: 2em;
    min-height: 7em;
}
@media screen and (max-width : 800px){
    div#info_summary div#text{
        margin: 0;
        min-height: 20vw;
    }
}
div#info_summary div#text img#project_image{
    padding: 0.5em;
    width: 7em;
    height: 7em;
    background-color: #cccccc;
    border: 0.1em solid #60ae29;
    box-shadow: inset 0 0 0.5em #00220077;
    border-radius: 1em;
    float: left;
    margin: 0 2em 1em 0;
}
@media screen and (max-width : 800px){
    div#info_summary div#text img#project_image{
        margin: 0 2em 1em 0.4em;
        padding: 0.2em;
        width: 20vw;
        height: 20vw;
    }
}
div#info_summary div#comment{
    font-style: italic;
    border: 0.1em solid #333;
    padding: 1.5em;
    box-shadow: 0 0 0.5em #111;
    margin: 1em;
    background: #dbffdb;
    rotate: -1deg;
    border-radius: 0.2em;
    line-height: 1.6em;
    background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/4QBqRXhpZgAASUkqAAgAAAABAA4BAgBIAAAAGgAAAAAAAABub2lzZSBwYXR0ZXJuLiBzZWFtbGVzcyBncnVuZ2UgdGV4dHVyZS4gd2hpdGUgcGFwZXIuIHZlY3RvciBpbGx1c3RyYXRpb27/4QVQaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIj4KCTxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CgkJPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczpJcHRjNHhtcENvcmU9Imh0dHA6Ly9pcHRjLm9yZy9zdGQvSXB0YzR4bXBDb3JlLzEuMC94bWxucy8iICAgeG1sbnM6R2V0dHlJbWFnZXNHSUZUPSJodHRwOi8veG1wLmdldHR5aW1hZ2VzLmNvbS9naWZ0LzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGx1cz0iaHR0cDovL25zLnVzZXBsdXMub3JnL2xkZi94bXAvMS4wLyIgIHhtbG5zOmlwdGNFeHQ9Imh0dHA6Ly9pcHRjLm9yZy9zdGQvSXB0YzR4bXBFeHQvMjAwOC0wMi0yOS8iIHhtbG5zOnhtcFJpZ2h0cz0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3JpZ2h0cy8iIHBob3Rvc2hvcDpDcmVkaXQ9IkdldHR5IEltYWdlcy9pU3RvY2twaG90byIgR2V0dHlJbWFnZXNHSUZUOkFzc2V0SUQ9Ijk1NzA1Mzg0MiIgeG1wUmlnaHRzOldlYlN0YXRlbWVudD0iaHR0cHM6Ly93d3cuZ2V0dHlpbWFnZXMuY29tL2V1bGE/dXRtX21lZGl1bT1vcmdhbmljJmFtcDt1dG1fc291cmNlPWdvb2dsZSZhbXA7dXRtX2NhbXBhaWduPWlwdGN1cmwiID4KPGRjOmNyZWF0b3I+PHJkZjpTZXE+PHJkZjpsaT5EbXl0cm8gWWFybW9saW48L3JkZjpsaT48L3JkZjpTZXE+PC9kYzpjcmVhdG9yPjxkYzpkZXNjcmlwdGlvbj48cmRmOkFsdD48cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPm5vaXNlIHBhdHRlcm4uIHNlYW1sZXNzIGdydW5nZSB0ZXh0dXJlLiB3aGl0ZSBwYXBlci4gdmVjdG9yIGlsbHVzdHJhdGlvbjwvcmRmOmxpPjwvcmRmOkFsdD48L2RjOmRlc2NyaXB0aW9uPgo8cGx1czpMaWNlbnNvcj48cmRmOlNlcT48cmRmOmxpIHJkZjpwYXJzZVR5cGU9J1Jlc291cmNlJz48cGx1czpMaWNlbnNvclVSTD5odHRwczovL3d3dy5nZXR0eWltYWdlcy5jb20vZGV0YWlsLzk1NzA1Mzg0Mj91dG1fbWVkaXVtPW9yZ2FuaWMmYW1wO3V0bV9zb3VyY2U9Z29vZ2xlJmFtcDt1dG1fY2FtcGFpZ249aXB0Y3VybDwvcGx1czpMaWNlbnNvclVSTD48L3JkZjpsaT48L3JkZjpTZXE+PC9wbHVzOkxpY2Vuc29yPgoJCTwvcmRmOkRlc2NyaXB0aW9uPgoJPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0idyI/Pgr/7QCaUGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAH4cAlAAD0RteXRybyBZYXJtb2xpbhwCeABIbm9pc2UgcGF0dGVybi4gc2VhbWxlc3MgZ3J1bmdlIHRleHR1cmUuIHdoaXRlIHBhcGVyLiB2ZWN0b3IgaWxsdXN0cmF0aW9uHAJuABhHZXR0eSBJbWFnZXMvaVN0b2NrcGhvdG//2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/wAALCABxAKoBAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJx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')
}
@media screen and (max-width : 800px){
    div#info_summary div#comment{
        rotate: 0deg;
        margin: 0.5em;
        padding: 0.5em;
        box-shadow: 0 0 0;
    }
}
div#info_summary div#comment div#comment_title{
    font-family: 'Handwritten';
    display: block;
    width: 3em;
    font-size: 180%;
    float: left;
    line-height: 1;
    padding: 0.5em;
    margin: 0 0.5em 0 -0.5em;
    rotate: -36deg;
    text-align: center;
}
@media screen and (max-width : 800px){
    div#info_summary div#comment div#comment_title{
        font-size: 110%;
        margin: 0 0.5em 0 0;
        line-height: 1;
    }
}
div#info_details{
    display: inline-block;
    width: 22%;
    vertical-align: top;
    margin: 0;
    border-left: 0.1em solid #aacaaa;
    border-right: 0.1em solid #aacaaa;
    /*background: linear-gradient(to bottom, #e5f0e500 0%, #e5f0e5ff 20%, #e5f0e5ff 80%, #e5f0e500 100%);*/
    padding: 1em;
    text-align: left;
}
@media screen and (max-width : 800px){
    div#info_details{
        text-align: center;
        display: block;
        width: auto;
        margin: 0.5em auto;
        border-left: 0;
        border-right: 0;
        /*background: linear-gradient(to right, #e5f0e500 0%, #e5f0e5ff 20%, #e5f0e5ff 80%, #e5f0e500 100%);*/
        padding: 0.5em;
    }
}
div#info_details div.details{
    margin: 0.5em 1.5em 0.5em 1.5em;
}
@media screen and (max-width : 800px){
    div#info_details div.details{
        margin: 0.5em 0;
        text-align: left;
    }
}

div#info_details div.details hr.details_separator{
    margin: 1em -0.5em 0.5em -0.5em;
}

div#info_details div#links{
    padding-top: 0.5em;
    border-bottom: 0.1em solid #aacaaa;
    text-align: center;
}

div#info_details div#links a.link{
    display: block;
    margin-bottom: 1em;
    text-align: left;
}
@media screen and (max-width : 800px){
    div#info_details div#links{
        column-count: 2;
        border-top: 0.1em solid #aacaaa;
    }
}
div#info_details div#links a.link img.link{
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
}

div#info_details div#technologies{
    font-size: 90%;
    border-bottom: 0.1em solid #aacaaa;
    padding-bottom: 0.5em;
    text-align: center;
}

div#info_details div#license img{
    max-width: 8em;
    max-height: 2em;
    vertical-align: middle;
    text-align: center;
}

div#info_details div#images{
    border-top: 0.1em solid #aacaaa;
    padding-top: 1em;
}
div#info_details div#images img{
    display: inline-block;
    max-height: 9em;
    margin: 1em 0.2em 0 0.2em;
    max-width: 15vw;
    border: 0.4em solid #000;
    
}

/* The contact form */
div#gallery_bg{
    display: none;
    background: #000000;
    opacity: 0.6;
    transition: all .4s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
section#gallery{
    display: none;
    position: fixed;
    top: 5%;
    width: 80%;
    margin: auto;
    left: 10%;
    z-index: 10;
}
@media screen and (max-width : 800px){
    section#gallery{
        width: 90%;
        top: 10%;
        left: 5%;
    }
}
section#gallery h3 img#gallery_close{
    float:right;
    width: 1em;
    height: 1em;
}
section#gallery div#gallery_image_container{
    width: 90%;
    height:60vh;
    margin: 0 auto;
}
@media screen and (max-width : 800px){
    section#gallery div#gallery_image_container{
        width: 95%;
    }
}
section#gallery div#gallery_image_container img#gallery_image{
    border: 0.8em solid #222222;
    border-radius: 0.2em;
    max-height:90%;
    max-width:90%;
    height:auto;
    width:auto;
}

section#gallery div#gallery_controls{
    width: 90%;
    margin: 0 auto;
}
@media screen and (max-width : 800px){
    section#gallery div#gallery_controls{
        width: 95%;
    }
}
section#gallery div#gallery_controls div.gallery_control{
    display: inline-block;
    vertical-align: top;
}
section#gallery div#gallery_controls div#gallery_control_left{
    text-align: right;
}
section#gallery div#gallery_controls div#gallery_control_right{
    text-align: left;
}
section#gallery div#gallery_controls input{
    display: inline-block;
    vertical-align: top;
    width: 3em;
    height: 3em;
    margin: 0.2em 1em;
}

section#gallery div#gallery_controls div#image_list{
    display: inline-block;
    max-width: 70%;
}
@media screen and (max-width : 800px){
    section#gallery div#gallery_controls div#image_list{
        max-width: 60%;
    }
}

section#gallery div#gallery_controls div#image_list img.gallery_preview{
    max-height: 3em;
    height: auto;
    width: auto;
    border: 0.4em solid #888888;
    transition: all .4s ease-in-out;
}
@media screen and (max-width : 800px){
    section#gallery div#gallery_controls div#image_list img.gallery_preview{
        max-width: 5em;
    }
}

section#gallery div#gallery_controls div#image_list img.gallery_preview_selected{
    height: 3em;
    border: 0.4em solid #222222;
}