View Single Post
  #2  
Old 15th March 2015, 15:33
WhyMe WhyMe is offline
Banned
 
Join Date: Apr 2014
P2P
Posts: 160
Default
PHP Code:
/*
   Mystic Avengers 420
  Developed By BamBam0077 */

body {

    
background#222 url(http://demo.shnayder.pro/works/through-the-universe/img/background.jpg) no-repeat center center fixed;
    
padding1px;}

::-
webkit-input-placeholder {

    
color:#333;}

input:-moz-placeholder {

    
color:#333;}

div.login {

    
width500px;
    
positionrelative;
    
margin-top240px;
    
margin-left582px;}

div.boxCont {

    
width700px;
    
padding30px;
    
margin-top10px;
    
border-radius10px;
    
color#fff;
    
background#000;
    
backgroundrgba(0000.75);
    
background: -moz-linear-gradient(toprgba(2424240.50%, rgba(0000.75100%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%, rgba(2424240.5)), color-stop(100%, rgba(0000.75100%));
    
background: -webkit-linear-gradient(toprgba(2424240.50%, rgba(0000.75100%);
    
background: -o-linear-gradient(toprgba(2424240.50%, rgba(0000.75100%);
    
background: -ms-linear-gradient(toprgba(2424240.50%, rgba(0000.75100%);
    
background: -webkit-linear-gradient(toprgba(2424240.650%, rgba(0000.85100%);
    -
webkit-box-shadow0 3px 10px rgba(0000.9), inset 0 1px 0 rgba(2552552550.2);
    -
moz-box-shadow0 3px 10px rgba(0000.9), inset 0 1px 0 rgba(2552552550.2);
    
box-shadow0 3px 10px rgba(0000.9), inset 0 1px 0 rgba(2552552550.2);
    
overflowhidden;}

/* Shadow */
.boxCont:after {

    
positionabsolute;
    
bottom: -20px;
    
left0;
    
width147%;
    -
webkit-border-radius50%;
    -
moz-border-radius50%;
    
border-radius50%;
    -
webkit-box-shadow0px 0px 8px 5px rgba(0,0,0,0.5);
    -
moz-box-shadow0px 0px 8px 5px rgba(0,0,0,0.5);
    
box-shadow0px 0px 8px 5px rgba(0,0,0,0.5);}

.
boxCont div {

    
overflowhidden;}

/* Buttons */
input.btn {

    
displayinline-block;
    
text-decorationnone;
    
font14px/18px Arialsans-serif;
    
colorwhite;
    
padding12px 40px;
    
margin15px 0 0;
    
margin-left40px;
    
cursorpointer;
    
background-color#0064cd;
    
background-repeatrepeat-x;
    
background-image: -khtml-gradient(linearleft topleft bottomfrom(#049cdb), to(#0064cd));
    
background-image: -moz-linear-gradient(top#049cdb, #0064cd);
    
background-image: -ms-linear-gradient(top#049cdb, #0064cd);
    
background-image: -webkit-gradient(linearleft topleft bottomcolor-stop(0%, #049cdb), color-stop(100%, #0064cd));
    
background-image: -webkit-linear-gradient(top#049cdb, #0064cd);
    
background-image: -o-linear-gradient(top#049cdb, #0064cd);
    
background-imagelinear-gradient(to bottom#049cdb, #0064cd);
    
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb'endColorstr='#0064cd'GradientType=0);
    
border1px solid #ccc;
    
border-color#0064cd #0064cd #003f81;
    
border-colorrgba(0000.1rgba(0000.1rgba(0000.25);
    -
webkit-border-radius4px;
    -
moz-border-radius4px;
    
border-radius4px;
    -
webkit-transitionall .2s ease;
    -
moz-transitionall .2s ease;
    -
ms-transitionall .2s ease;
    -
o-transitionall .2s ease;
    
transitionall .2s ease;}

input.btn.right {

    
floatright;}

input.btn:hover {

    
background-position-15px;
    
text-decorationnone;}

input.btn:active {
    
    -
webkit-box-shadowinset 0 2px 4px rgba(0000.25),0 1px 2px rgba(0000.05);
    -
moz-box-shadowinset 0 2px 4px rgba(0000.25),0 1px 2px rgba(0000.05);
    
box-shadowinset 0 2px 4px rgba(0000.25),0 1px 2px rgba(0000.05);}
/* Input */
input[type=text], input[type=password] {
    
    
padding14px 10px;
    
width100%;
    
border1px solid #ccc;
    
displayblock;
    
margin-left: -10px;
    
background#d3efff;
    
background: -moz-linear-gradient(top,  #d3efff 0%, #ffffff 55%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#d3efff), color-stop(55%,#ffffff));
    
background: -webkit-linear-gradient(top,  #d3efff 0%,#ffffff 55%);
    
background: -o-linear-gradient(top,  #d3efff 0%,#ffffff 55%);
    
background: -ms-linear-gradient(top,  #d3efff 0%,#ffffff 55%);
    
backgroundlinear-gradient(top,  #d3efff 0%,#ffffff 55%);
    
filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#d3efff'endColorstr='#ffffff',GradientType=);
    -
webkit-border-radius4px;
    -
moz-border-radius4px;
    
border-radius4px;}

input[type=password] {

    
margin-top5px;}

input[type=text]:focus {

    
border-color#0D4573;
    
-webkit-box-shadowinset 0 1px 1px rgba(0000.075), 0 0 8px rgb(82168236);
    -
moz-box-shadowinset 0 1px 1px rgba(0000.075), 0 0 8px rgb(82168236);
    
box-shadowinset 0 1px 1px rgba(0000.075), 0 0 8px rgb(82168236);}

input[type=password]:focus {

    
border-color#0D4573;
    
-webkit-box-shadowinset 0 1px 1px rgba(0000.075), 0 0 8px rgb(82168236);
    -
moz-box-shadowinset 0 1px 1px rgba(0000.075), 0 0 8px rgb(82168236);
    
box-shadowinset 0 1px 1px rgba(0000.075), 0 0 8px rgb(82168236);}

/* Animation */
.css3-notification {

    -
webkit-animationbounce 1.2s ease-out;
    -
moz-animationbounce 800ms ease-out;
    -
o-animationbounce 800ms ease-out;
    
animationbounce 1.2s ease-out;}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {

  
0% {
    
    
transform:translateY(-100%);
    
opacity0;}

  
5% {

    
transform:translateY(-100%);
    
opacity0;}
    
  
15% {

    
transform:translateY(0);
    
padding-bottom5px;}
    
  
30% {
      
    
transform:translateY(-50%);}

  
40% {
      
    
transform:translateY(0%);
    
padding-bottom6px;}
  
  
50% {

      
transform:translateY(-30%);}
    
  
70% {
      
    
transform:translateY(0%);
    
padding-bottom7px;}

  
80% {
      
    
transform:translateY(-15%);}
    
  
90% {
      
    
transform:translateY(0%);
      
padding-bottom8px;}
    
  
95% {
      
    
transform:translateY(-7%);}
    
  
97% {
      
    
transform:translateY(0%);
      
padding-bottom9px;}
    
  
99% {
      
    
transform:translateY(-3%);}
    
  
100% {
      
    
transform:translateY(0);
      
padding-bottom9px;
    
opacity1;}


i would sort this out and a side note you have errors in your bittorrant on longin

and i would put a signup up link in too


PHP Code:
<!doctype html>
          <
html xmlns='http://www.w3.org/1999/xhtml'>
          <
head>
          <
title>Mystic Avengers :: Login</title>
          <
meta name='generator' content='Mystical' />
          <
meta http-equiv='Content-Language' content='en-us' />
          <
meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
          <
link type='text/css' rel='stylesheet' href='http://fonts.googleapis.com/css?family=Orbitron' />
          <
link type='text/css' rel='stylesheet' href='../templates/1/css3/login.css' />
          </
head>
          <
body>
          <
div class="css3-bounce-effect">
          <
div class='login'>
           <
div class="css3-notification">
          <
div class='boxCont'>
          <
form method='post' action='takelogin.php'>
          <
input type='text' size='120' name='username' placeholder="Username Here" />
          <
input type='password' size='190' name='password' placeholder="Password Here" />
          <
input style='float: right;' id="signIn" name="submitme" type="submit" value="Login" class="btn" /></form>
          </
div>
          </
div>
          </
div>
          </
div>
          </
body>
          </
html
And i would make a file and add this to it as well


PHP Code:
@font-face {   font-family'Orbitron';   font-stylenormal;   font-weight400;   srclocal('Orbitron-Light'), local('Orbitron-Regular'), url(http://fonts.gstatic.com/s/orbitron/v6/HmnHiRzvcnQr8CjBje6GQvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/orbitron/v6/94ug0rEgQO_WuI_xKJMFc_esZW2xOQ-xsNqO47m55DA.woff) format('woff'); } 
Reply With Quote