From 92fc724c91790cd0042354f99041b46ed9f670df Mon Sep 17 00:00:00 2001 From: Patrick Davison Date: Mon, 9 Jul 2012 13:30:30 -0700 Subject: Added login div --- css/page.css | 72 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) (limited to 'css/page.css') diff --git a/css/page.css b/css/page.css index de0d953..f6a0096 100644 --- a/css/page.css +++ b/css/page.css @@ -47,6 +47,78 @@ a:hover { -moz-transition:color 0s ease-out; } +#oid_box { + width:500px; + height:300px; + background-color:#ccc; + padding:25px; + box-shadow: 0 0 4px #888; +} +#oid_btn { + background-color: #bbb; + box-shadow: 0 0 2px #444; + margin:7px; + margin-left:10px; +} +#oid_btn:hover { + background-color: #ddd; + box-shadow: 0 0 2px #663; +} +#oid_cancel { +position:absolute;color:#333;right:50px;bottom:20px; +} +#oid_learn { +position:absolute;color:#333;left:25px;bottom:20px; +} +#oid_wrapper { + animation: signinAnimate 1s; + -webkit-animation: signinAnimate 1s; /* Safari and Chrome */ + -o-animation: signinAnimate 1s; /* Opera */ + -moz-animation: signinAnimate 1s; /* Firefox */ + position:fixed; + color:#000; + background-color:#999; + box-shadow: 0 0 5px #888; + z-index:200; + padding:15px; + text-align: left; + left:50%; + top:120px; + width:550px; + margin-left:-275px; +} +#oid_hidden { + position:fixed; + left:-100%; +} + + + + +@keyframes signinAnimate +{ +0% {left:-50%;} +100% {left:50%;} +} +@-webkit-keyframes signinAnimate /* Safari and Chrome */ +{ +0% {left:-50%;} +100% {left:50%;} +} +@-o-keyframes signinAnimate /* Opera */ +{ +0% {left:-50%;} +100% {left:50%;} +} +@-moz-keyframes signinAnimate /* Firefox */ +{ +0% {left:-50%;} +100% {left:50%;} +} + + + + .wrapper { width: 900px; margin: 0 auto; -- cgit v1.2.3