Style auth page

data/www/auth.html

@@ -12,12 +12,12 @@
   <link href="../../assets/ico/favicon.png" rel="shortcut icon">
 
   <title>Tomahawk</title><!-- CSS -->
-  <link href="http://tomahawk-player.org/css/bootstrap.css" rel="stylesheet">
-  <link href="http://tomahawk-player.org/css/style.css" rel="stylesheet"><!-- Theme Style -->
-  <link href="http://tomahawk-player.org/css/elements.css" rel="stylesheet"><!-- Theme elements style -->
-  <link href="http://tomahawk-player.org/css/animate.css" rel="stylesheet"><!-- CSS Animations -->
-  <link href="http://tomahawk-player.org/css/font-awesome.css" rel="stylesheet">
-<!--[if lt IE 9]>
+  <link href="css/bootstrap.css" rel="stylesheet">
+  <link href="css/style.css" rel="stylesheet"><!-- Theme Style -->
+  <link href="css/elements.css" rel="stylesheet"><!-- Theme elements style -->
+  <link href="css/animate.css" rel="stylesheet"><!-- CSS Animations -->
+ 
+ <!--[if lt IE 9]>
         <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
 <noscript><link rel="stylesheet" href="css/no-js.css"></noscript>
@@ -37,7 +37,7 @@
           data-toggle="collapse" type="button"><span class="icon-bar"></span>
           <span class="icon-bar"></span> <span class=
           "icon-bar"></span></button> <a class="navbar-brand" href=
-          "http://tomahawk-player.org/index.html"><img alt="" src="http://tomahawk-player.org/img/logo.png" height="50"></a>
+          "http://tomahawk-player.org/index.html"><img alt="" src="http://proposed.jefferai.org/img/logo.png" height="50"></a>
         </div>
 
        
@@ -76,64 +76,7 @@
                     <div class="col-md-4"></div>
                     </div>
                 </div><!-- #Wraper-content:ends -->
-   <!-- Footer -->
-  <footer id="footer">
-    <div class="container">
-      <ul class="footer-links clearfix">
-        <li>
-          <a href="#download">Download</a>
-        </li>
-
-        <li>
-          <a href="http://blog.tomahawk-player.org" target="_blank">Blog</a>
-        </li>
-
-        <li>
-          <a href="about.html">About</a>
-        </li>
-
-        <li>
-          <a href="developer.html">Developers</a>
-        </li>
-
-        <li>
-          <a href="about.html#privacy">Privacy</a>
-        </li>
-
-        <li>
-          <a href="contact-form.html">Contact</a>
-        </li>
-
-        <li>
-          <a href="https://tomahawk.uservoice.com" target="_blank">Feedback</a>
-        </li>
-      </ul>
-
-      <div class="logo">
-        <a href="#"><img alt="" src="http://tomahawk-player.org/img/logo-footer.png"></a>
-      </div>
-
-      <p>All Rights Reserved ©2013 Tomahawk</p>
-
-      <div class="socials">
-        <div class="clearfix">
-          <a class="about-social-icon gplus" href="https://plus.google.com/u/0/b/110418274040899591862/110418274040899591862/posts" target="_blank"><i class=
-          "icon-google-plus" style=""></i></a> <a class="about-social-icon twitter" href=
-          "http://twitter.com/tomahawk"><i class="icon-twitter" style=""></i></a> <a class=
-          "about-social-icon rss" href="http://blog.tomahawk-player.org/rss"><i class="icon-rss" style=
-          ""></i></a> <a class="about-social-icon facebook" href=
-          "https://www.facebook.com/TomahawkPlayer" target="_blank"><i class="icon-facebook" style=""></i></a><a class="about-social-icon pinterest" href=
-          "irc://irc.freenode.net/tomahawk" target="_blank"><img src="http://tomahawk-player.org/img/logos/irc.png" width="25"></i></a>
-        </div>
-      </div><!--end:Socials-->
-    </div>
-  </footer>
-   <!-- Footer:end --> <!-- JavaScript -->
-  <!-- JavaScript -->
-  <script src="js/jquery.js"></script>
-  <script src="js/bootstrap.js"></script> 
-   <script src="js/inview.js"></script>
-  <script src="js/custom.js"></script> 
+  
 
  
 </body>

data/www/css/elements.css

@@ -0,0 +1,225 @@
+.border-white
+{
+	border:2px solid #fff;
+	color:#fff;
+	display:inline-block;
+	font-size:15px;
+	font-weight:500;
+	letter-spacing:0;
+	line-height:15px;
+	padding:10px 16px 9px;
+}
+
+.border-dark
+{
+	border:2px solid #CCCED5;
+	color:#CCCED5;
+	display:inline-block;
+	font-size:15px;
+	font-weight:500;
+	letter-spacing:0;
+	line-height:15px;
+	padding:10px 16px 9px;
+}
+
+hr
+{
+	border:0;
+	border-bottom:1px solid #fff;
+	border-top:1px solid #eee;
+	margin:35px 0;
+}
+
+.btn
+{
+	-moz-transition:.5s;
+	-o-transition:.5s;
+	-webkit-transition:.5s;
+	border:none;
+	border-radius:0;
+	color:#fff;
+	font-weight:400;
+	padding:10px 23px;
+	text-shadow:none;
+	transition:.5s;
+}
+
+.btn-info
+{
+	background:#8BCBDE;
+}
+
+.btn-orange
+{
+	background:#FC6042;
+}
+
+.btn-red
+{
+	background:#E51400;
+}
+
+.btn-blue
+{
+	background:#52A5FF;
+}
+
+.btn-dark
+{
+	background:#2d323c;
+}
+
+.btn-green
+{
+	background:#00ABA9;
+}
+
+.btn-lime
+{
+	background:#8CBF26;
+}
+
+.btn-pink
+{
+	background:#8E44AD;
+}
+
+.btn-yelow
+{
+	background:#f1c40f;
+}
+
+.btn-facebook
+{
+	background:#3b5999;
+}
+
+.btn-google
+{
+	background:#cd1a1a;
+}
+
+.btn-twitter
+{
+	background:#00bbf5;
+}
+
+.btn:hover
+{
+	background:#313844;
+	border:transparent;
+	color:#fff;
+	text-decoration:none;
+}
+
+.btn-border
+{
+	-moz-transition:.5s;
+	-o-transition:.5s;
+	-webkit-transition:.5s;
+	background-color:transparent;
+	border:2px solid #CCCED5;
+	color:#CCCED5;
+	display:inline-block;
+	line-height:15px;
+	padding:14px 23px;
+	transition:.5s;
+}
+
+.btn-border:hover
+{
+	background:transparent;
+	border:2px solid #6bb8db;
+	color:#6bb8db;
+	text-decoration:none;
+}
+
+.btn-teal
+{
+	-moz-box-shadow:0 0 1px 0 #62a6ce;
+	-webkit-box-shadow:0 0 1px 0 #62a6ce;
+	background:0;
+	background-color:#70c0df;
+	border:1px solid #6db8de;
+	box-shadow:0 0 1px 0 #62a6ce;
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70c0df',endColorstr='#6bb8db');
+	text-indent:0;
+	text-shadow:1px 0 0 #4595db;
+}
+
+.btn-teal:hover
+{
+	background:0;
+	background-color:#6bb8db;
+	border:1px solid #6db8de;
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bb8db',endColorstr='#70c0df');
+}
+
+.btn-teal:active
+{
+	color:#fff;
+	position:relative;
+}
+
+.socials
+{
+	float:none;
+}
+
+.socials a.pinterest:hover
+{
+	background:#f13434;
+}
+
+.socials a.facebook:hover
+{
+	background:#3b5999;
+}
+
+.socials a.twitter:hover
+{
+	background:#00bbf5;
+}
+
+.socials a.gplus:hover
+{
+	background:#cd1a1a;
+}
+
+.socials a.rss:hover
+{
+	background:#f6a42b;
+}
+
+.socials a
+{
+	-moz-transition:.4s;
+	-o-transition:.4s;
+	-webkit-transition:.4s;
+	color:#465a73;
+	cursor:pointer;
+	display:inline-block;
+	height:30px;
+	margin-left:10px;
+	padding:3px;
+	text-align:center;
+	text-decoration:none;
+	transition:.4s;
+	width:30px;
+}
+
+.socials a:hover
+{
+	-moz-animation:all .3s ease-in-out;
+	-ms-animation:all .3s ease-in-out;
+	-o-animation:all .3s ease-in-out;
+	-webkit-animation:all .3s ease-in-out;
+	animation:all .3s ease-in-out;
+	color:#fff;
+}
+
+.socials a i
+{
+	font-size:18px;
+	line-height:27px;
+}