diff options
Diffstat (limited to 'template/fullscreen.st')
| -rw-r--r-- | template/fullscreen.st | 131 |
1 files changed, 76 insertions, 55 deletions
diff --git a/template/fullscreen.st b/template/fullscreen.st index 9ccf0c1..9556bf2 100644 --- a/template/fullscreen.st +++ b/template/fullscreen.st @@ -25,11 +25,22 @@ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #loginbox { - background: white; - z-index: 999; - position: absolute; - display: none; - } +background: white; +z-index: 999; +position: absolute; +font-size: 20%; +width: 335px; +height: 220px; +margin-left: -170px; +left: 50%; +border: 1px solid; +padding: 2%; +top: 20%; +text-align: justify; +-moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,-4px 4px #000,-5px 5px #000,-6px 6px #000; +-webkit-box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +} #logininner { width: 30em; height: 20em; @@ -42,13 +53,9 @@ } #formcontainer { padding: 0; - margin-top: 20%; width: 80%; position: relative; } - #nickInput, #passwordInput { - width: 100%; - } #piccol { width: 50%; float: right; @@ -60,7 +67,6 @@ } #spinner { display: none; } #forgetpw { - position: absolute; left: 5px; bottom: 5px; font-size: 80%; @@ -80,65 +86,80 @@ text-align: center; margin-top: 250px; } - - #loginclose { - position: absolute; - right: 3px; - top: 3px; - } - #big-image{font-size:50px;text-align: justify; text-justify: newspaper; text-shadow: 1px 1px #eee, 2px 2px #f0e, 3px 3px #eee,4px 4px #f0e,5px 5px #eee, 3px 3px #eee,4px 4px #f0e,5px 5px #eee,6px 6px #f0e,6px 6px #eee,7px 7px #f0e,7px 7px #eee,8px 8px #f0e,8px 8px #eee,9px 9px #f0e,9px 9px #eee; color:#fff} + input {max-width: 100px; +-moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,-4px 4px #000,-5px 5px #000,-6px 6px #000; +-webkit-box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +box-shadow: -1px 1px black,-2px 2px black,-3px 3px black,-4px 4px black,-5px 5px black,-6px 6px black; +border: 1px solid;} +input:hover { + -moz-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000; + -webkit-box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000; + box-shadow: -1px 1px #000,-2px 2px #000,-3px 3px #000,inset -2px 2px 2px #333; + margin-top: 2px; + margin-left: -2px;} + input:active { + -moz-box-shadow: 0px 0px white; + -webkit-box-shadow: 0px 0px white; + box-shadow: -1px 1px #000,0px 0px white; + margin-top: 2px; + margin-left: -4px; + box-shadow: inset -3px 3px 4px #333; + cursor: pointer;} +#remembermeInput { + margin-top: 0; margin-left: 0; +} + #big-image{font-size:20px;text-align: left; text-justify: newspaper; color:#000} #memelogo { position: fixed; z-index: 999; bottom: 30px; right: 80px; } .sublogo { font-family: Monaco, "Courier New", Courier, monospace; } a { color:#000 } + #toplogo{position: fixed;display:none; +top: 0; +left: 0;} +#big-image {cursor:url('http://dump.fm/static/img/thumbs/heartfaved.gif'), pointer} </style> <script>jQuery(initLogin)</script> </head> <body> - <div id="loginbox"> - <div id="logininner"> - <div id="infocol"> - <center> - <div id="formcontainer"> + + + $if(user_nick)$ +<!-- + <div id="loginbox"> + <img src="http://wiki.bennington.edu/mediawiki/images/9/9e/Dumplogo.gif"><br> + <p> this is dump.fm, the first ever real-time image sharing website. behind me is a fullscreen feed of whats currently going on. + if you're a member of the club, sign in below. if not feel free to <a href="#" onclick="jQuery('#loginbox').hide(); return false;">close this window</a> and enjoy the sick pix.</p> <form onsubmit="login(); return false;"> - <div align="left">username</div> - <div><input id="nickInput"></div> - <br> - <div align="left">password</div> - <div><input id="passwordInput" type="password"></div> - <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> - <br> - <div> - <center><input type="submit" value="LOGIN"></center> + <p>username : <input id="nickInput"></p> + <p>password : <input id="passwordInput" type="password"></p> + <p> + remember me? <input id="remembermeInput" type="checkbox" checked="true"> <input type="submit" value="LOGIN"></p> + <img id="spinner" src="/static/img/spinner.gif"> - </div> </form> - </div> - </center> - </div> - <div id="piccol"> - <center><img id="loginimg" src="/static/img/danceman.gif"></center> - <center><i>join the party</i></center> - </div> <div id="errormsg"></div> <div id="forgetpw"><a href="$domain$/reset">forgot password?</a></div> - <div id="loginclose"><a href="#" onclick="jQuery('#loginbox').hide(); return false;">X</a></div> - </div> - </div> - - <div id="memelogo"> - - <br> - <div class="sublogo"> - $if(user_nick)$ - <img src="/static/img/thumbs/heart.gif">click to fav + <a href="/chat"id="toplogo"><img src="http://wiki.bennington.edu/mediawiki/images/9/9e/Dumplogo.gif"></a> <img src="http://dump.fm/static/img/thumbs/heartfaved.gif" id="fav-indicator"> + </div> +--> $else$ -<a href="http://dump.fm"><img src="http://dump.fm/static/img/dumppixelhover.png" class="memelogo"></a> - <a href="#" onclick="showLogin(); return false;">LOGIN</a> | <a href="$domain$/register">REGISTER</a> + <div id="loginbox"> + <img src="http://wiki.bennington.edu/mediawiki/images/9/9e/Dumplogo.gif"><br> + <p> this is dump.fm, the first ever real-time image sharing website. behind me is a fullscreen feed of whats currently going on. + if you're a member of the club, sign in bellow. if not feel free to <a href="#" onclick="jQuery('#loginbox').hide(); return false;">close this window</a> and enjoy the sick pix.</p> + <form onsubmit="login(); return false;"> + <p>username : <input id="nickInput"></p> + <p>password : <input id="passwordInput" type="password"></p> + <p> + remember me? <input id="remembermeInput" type="checkbox" checked="true"> <input type="submit" value="LOGIN"></p> + + <img id="spinner" src="/static/img/spinner.gif"> + </form> + <div id="errormsg"></div> + <div id="forgetpw"><a href="$domain$/reset">forgot password?</a></div> + </div> $endif$ - </div> - </div> - <div id="big-image">waiting 4 new image from dump.fm.............</div> - <img src="http://dump.fm/static/img/thumbs/heartfaved.gif" id="fav-indicator"> + + <div id="big-image"></div> <script> initFullscreen() </script> |