summaryrefslogtreecommitdiff
path: root/.c9revisions/view/poc/css/chat.css.c9save
blob: 35f9a88716e96cca1399b733517370494987a14f (plain)
1
2
{"ts":1377122087768,"silentsave":true,"restoring":false,"patch":[[]],"length":0}
{"contributors":[],"silentsave":false,"ts":1377122089792,"patch":[[{"diffs":[[1,"html,body{\n    padding:0;\n    margin:0;\n    height:100%;\n}\n\nbody{\n    font-family:helvetica, arial, verdana;\n    font-size:16px;\n    background:rgb(231,249,255);\n    color:rgb(167,185,191);\n    overflow:auto;\n}\n\nbody *{\n    position:relative;\n}\n\nheader{\n    background:rgb(69,142,166);\n    box-shadow:0 4px 5px rgba(167,185,191,.5);\n    padding:20px;\n    position:fixed;\n    top:0;\n    left:0;\n    width:calc(100% - 40px);\n    color:rgb(231,249,255);\n    z-index:1000;\n}\n\nheader h1 {\n    margin:0;\n}\n\nmain{\n    height:calc(100% - 120px);\n    top:80px;\n}\n\nfooter{\n    background:rgb(69,142,166);\n    box-shadow:0 -3px 4px rgba(167,185,191,.5);\n    padding:10px;\n    position:fixed;\n    bottom:0;\n    left:0;\n    width:calc(100% - 20px);\n    height:20px;\n    color:rgb(231,249,255);\n}\n\n.chat-primary{\n    width:calc(75% - 20px);\n    padding:10px;\n    height:300px;\n    opacity:0;\n    position:absolute;\n    left:0;\n    top:0;\n    transition:opacity 500ms;\n}\n        \n.chat-window{\n    list-style:none;\n    height:250px;\n    box-shadow:inset 0 0 30px rgb(212,244,255),\n        0 0 4px rgb(167,185,191);\n    margin:0;\n    padding:2px 9px;\n    z-index:100;\n    margin-bottom:5px;\n    overflow-y:auto;\n}\n\n.chat-input{\n    width:100%;\n    height:50px;\n    border:none;\n}\n\ntextarea,\ninput{\n    height:50px;\n    border:none;\n    box-shadow:inset 0 26px 30px rgb(212, 244, 255),\n    0 0 4px rgba(167,185,191,.75);\n    border-radius:5px;\n}\n\ninput{\n    line-height:50px;\n    font-size:20px;\n}\n\n.playlist{\n    width:calc(25% - 10px);\n    padding:5px;\n    height:300px;\n    opacity:0;\n    position:absolute;\n    right:0;\n    top:0;\n    transition:opacity 500ms;\n}\n\n.modal{\n    position:absolute;\n    top:200px;\n    left:50%;\n    padding:50px;\n    margin:0 0 0 -150px;\n    background:rgb(212,244,255);\n    border-radius:8px;\n    box-shadow:0 0 8px rgba(167,185,191,.7),\n        inset 0 5px 20px rgb(231,249,255);\n    transition:opacity 500ms;\n}\n\n.modal h2{\n    margin-top:0;\n}\n\n.modal-join{\n    opacity:0;\n}"]],"start1":0,"start2":0,"length1":0,"length2":1992}]],"length":1992,"saved":false}