Skip to content

Instantly share code, notes, and snippets.

@nikitae

nikitae/dabblet.css

Created February 5, 2013 15:09
Show Gist options
  • Save nikitae/4715011 to your computer and use it in GitHub Desktop.
Save nikitae/4715011 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
.wrapper {position: absolute;top: 50%;left: 50%;width: 350px;height: 300px;margin-top: -150px;margin-left: -175px;
}
.login_Circle{margin-bottom: -5%;margin-left: 40%;
}
.loginLogo {margin-bottom: 10%;
}
.form-2 .container {margin-top: 8px;margin-bottom: 10px;
}
#login_avatar {width: 175px;height: 175px;margin: 5px 0 0 30%;position: relative -moz-border-radius: 50px;border-radius: 50px;-webkit-border-radius: 50px;border: 7px solid #FFF;box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 2px 5px 7px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255,255,255,1), inset 0 -3px 2px rgba(0,0,0,0.25);border-radius: 10px;border-color: #fff;
}
.form-2 a.login_link{margin: 5px 0;width: 46%;height: 38px;position: relative;float: left;box-shadow: inset 0 1px rgba(255,255,255,0.3);border-radius: 3px;cursor: pointer;font-family: 'Lato', Calibri, Arial, sans-serif;font-size: 14px;line-height: 38px;text-align: center;font-weight: bold;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="wrapper">
<form class="form-2" action="/index.php" method="post" accept-charset="UTF-8">
<input type="hidden" name="submitted" id="submitted" value="1">
<div class="login_Circle"><img src="http://supersub.se/images/center_logo3.png" alt="Supersub" title="Supersub"></div>
<div class="logo_holder"><img src="http://supersub.se/images/loginLogo.png" alt="Supersub" title="Supersub" class="loginLogo"></div>
<div><span class="error"></span></div>
<div id="avatar"> <img id="login_avatar" src="http://supersub.se/members/images/used_avatars/ronaldo.jpg"> </div>
<div class="container">
<h4>Du är nu registrerad på Supersub.
Din personliga avatar är #FOOTBALL-STAR#. </h4>
</div>
<div class="container">
<a class="login_link" href="index.php">Login</a>
</div>
<div class="clearboth"></div>
</form>
<!-- client-side Form Validations:
Uses the excellent form validation script from JavaScript-coder.com-->
<script type="text/javascript">
// <![CDATA[
var frmvalidator = new Validator("login");
frmvalidator.EnableOnPageErrorDisplay();
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("username","req","Please provide your username");
frmvalidator.addValidation("password","req","Please provide the password");
// ]]>
</script>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment