view test_create/style.css @ 2376:c41caaa96633

Some fixes for #90. Also a failsafe loop if the server never responds with meaningul information from saves (for instance, running only on apache or basic http servers). More changes to pythonServer for python 3.5. Please check if still valid on 2.7
author Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
date Thu, 19 May 2016 10:44:19 +0100
parents a7e50a52a896
children 464c6c6692d6
line wrap: on
line source
div#blanket {
    z-index: 2;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
}

div#popupHolder {
    z-index: 3;
    background-color: rgba(255,255,255,1);
    width: 730px;
    height: 480px;
    position: fixed;
    border-radius: 10px;
	box-shadow: 0px 0px 50px #000;
    padding: 10px;
}

div#popup-title-holder {
    width: 100%;
    height: 50px;
    font-size: 2em;
}

button.popup-button {
    width: 60px;
    height: 27px;
    padding: 5px;
    position: absolute;
    bottom: 10px;
}

button#popup-proceed {
    right: 10px;
}

button#popup-back {
    left: 10px;
}

div.drag-area {
    border: 3px black dashed;
}
div.drag-over {
    background-color: aquamarine;
}
div.drag-dropped {
    background-color: aqua;
}
div.drag-error {
    background-color: coral
}

div#project-drop {
    width: 99%;
    height: 50px;
    margin: 10px 0px;
}

div.popup-checkbox {
    padding: 5px;
}

div.popup-checkbox input {
    margin: 0px 5px;
}

div.popup-option-entry {
    padding: 5px 0px;
    border-bottom: 1px solid;
}

div.disabled{
    color: rgb(100,100,100);
}


div#page-holder > div.node{
    background-color: rgb(200,228,151);
}

div#content > div#setup{
    background-color: coral;
}


div.node {
    float: left;
    padding: 10px;
    border: black 2px solid;
    border-radius: 10px;
    margin: 10px;
    min-width: 92%;
    background-color: rgba(255,255,255,0.5);
}
div.node-title {
    float: left;
    width: 100%;
    font-size: 2em;
    margin: 5px 0px;
}
div.node-attributes {
    min-width: 92%;
    float: none;
    padding: 10px;
}
div.attribute {
    float: left;
    margin-right: 10px;
}
div.node-children {
    float: left;
    min-width: 92%;
}
div.node-buttons {
    float: left;
    min-width: 92%;
}
div.attribute input {
    max-width: 100%;
    width: 300px;
    margin-right: 10px;
}
div.attribute input[type=number] {
    width: 80px;
}
div.attribute input[type=radio], div.attribute input[type=checkbox]{
    width: 10px;
}
input:disabled+label{
    text-decoration: line-through;
}

div.survey-entry-attribute {
    margin: 10px 0px;
    border: 1px gray solid;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}

div.survey-entry-attribute span{
    margin-right: 10px;
}