diff options
Diffstat (limited to 'css/page.css')
| -rw-r--r-- | css/page.css | 72 |
1 files changed, 72 insertions, 0 deletions
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;
|