From 2b53a916b25502c58dbb6441a5f59bdc70748c97 Mon Sep 17 00:00:00 2001
From: Arctic Code <tehfoxy.c0de@gmail.com>
Date: Thu, 26 Sep 2013 18:44:36 -0500
Subject: [PATCH] Large overhaul to the page elements

This is to work globaly instead of just for the link shortener,
plus it looks a whole lot less "metro-like" and thus better.
---
 assets/css/elements.css | 60 ++++++++++++++++++++++++++++++++++++-----
 1 file changed, 54 insertions(+), 6 deletions(-)

diff --git a/assets/css/elements.css b/assets/css/elements.css
index 5d9f058..7219dba 100644
--- a/assets/css/elements.css
+++ b/assets/css/elements.css
@@ -15,6 +15,9 @@ body{
 
 .navbar{
   background: rgba(34, 34, 34, 0.5);
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
+     -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
+          box-shadow: 0 0 8px rgba(0, 0, 0, .8);
 }
 
 .navbar-nav a{
@@ -32,20 +35,39 @@ body{
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(94, 125, 142, 0.9) !important;
 }
 
+#selected{
+  background: rgba(0, 0, 0, 0.275);
+  -webkit-box-shadow: 0 8px 6px -6px rgba(94, 125, 142, 0.9);
+     -moz-box-shadow: 0 8px 6px -6px rgba(94, 125, 142, 0.9);
+          box-shadow: 0 8px 6px -6px rgba(94, 125, 142, 0.9);
+}
+
 /* Set widths on the navbar form inputs since otherwise they're 100% wide */
 .navbar-form input[type="text"], .navbar-form input[type="password"] {
   width: 140px;
 }
 
 .dropdown-menu{
-  background-color: rgba(34, 34, 34, 0.7);
+  background-color: rgba(34, 34, 34, 0.775);
   color: #ffffff;
+  
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
+     -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
+          box-shadow: 0 0 8px rgba(0, 0, 0, .8);
 }
 
 .dropdown-menu li a{
   color: #ffffff;
 }
 
+ul.nav li.dropdown:hover > ul.dropdown-menu {
+  -webkit-transition: all 0.70s ease-in-out;
+  -moz-transition: all 0.70s ease-in-out;
+  -ms-transition: all 0.70s ease-in-out;
+  -o-transition: all 0.70s ease-in-out;
+  display: block;    
+}
+
 #profile-pic{
   max-height: 18px;
   max-width: 18px;
@@ -177,9 +199,13 @@ body{
 }
 
 #footer {
-  height: 46px;
+  height: 38px;
   background-color: rgba(51, 51, 51, 0.5);
   color: #eee;
+  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
+     -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
+          box-shadow: 0 0 2px rgba(0, 0, 0, .8);
+  
 }
  
 @media (max-width: 767px) {
@@ -207,7 +233,7 @@ body{
   -o-transition: all 0.90s ease-in-out;
 }
 
-input[type=text], textarea {
+input[type=text], textarea, input[type=password] {
   -webkit-transition: all 0.30s ease-in-out;
   -moz-transition: all 0.30s ease-in-out;
   -ms-transition: all 0.30s ease-in-out;
@@ -216,9 +242,9 @@ input[type=text], textarea {
   border: 1px solid #DDDDDD;
 }
  
-input[type=text]:focus, textarea:focus {
-  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-  border: 1px solid rgba(81, 203, 238, 1);
+input[type=text]:focus, textarea:focus, input[type=password]:focus {
+  box-shadow: 0 0 5px rgba(106, 90, 205, .5);
+  border: 1px solid rgba(106, 90, 205, 1);
   padding: 6px 0px 6px 6px;
 }
 
@@ -226,4 +252,26 @@ h2 {
   background: -webkit-linear-gradient(#eee, #aaa);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
+}
+
+.pre-scrollable{
+  max-height: 480px;
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .675);
+     -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .675);
+          box-shadow: 0 0 8px rgba(0, 0, 0, .675);
+}
+
+.loginbox{
+  height: 28px;
+  max-height: 35px;
+  box-shadow: 0 0 5px rgba(106, 90, 205, .5);
+  border: 1px solid rgba(106, 90, 205, 1);
+  padding: 3px 0px 3px 3px;
+}
+
+.loginbtn{
+  height: 28px;
+  width: 100%;
+  font-size: 12px;
+  line-height: 1.428561429;
 }
\ No newline at end of file