Style Updates

diff --git a/app/components/menu/menu.html b/app/components/menu/menu.html
index 206c008..81187fb 100644 (file)
--- a/app/components/menu/menu.html
+++ b/app/components/menu/menu.html
@@ -41,10 +41,18 @@
                  ng-src="images/{{ssImg}}"/>
         </a>
     </li>
+    <li>
+        <a href="http://peekingboo.com" target="_blank">
+            <img ng-mouseover  = "pkbImg='peekingboo_hover.png'; page='PeekingBoo'"
+                 ng-mouseleave = "pkbImg='peekingboo.png'"
+                 ng-init       = "pkbImg='peekingboo.png'"
+                 ng-src="images/{{pkbImg}}"/>
+        </a>
+    </li>
 </ul>
 <div class="clearfix"></div>
 <hr style="margin-top: 5px;"/>
-<div class='page-title'>{{page || 'hello : )'}}</div>
+<div class='page-title'>{{page || "Rock-N-Roll"}}</div>
 <hr style="margin-top: 5px;" />
 <!--<div latest-simfile></div>-->
 <div latest-pack></div>

diff --git a/app/components/simfiles/simfile.html b/app/components/simfiles/simfile.html
index 7ecf5dc..85881e1 100644 (file)
--- a/app/components/simfiles/simfile.html
+++ b/app/components/simfiles/simfile.html
@@ -9,7 +9,7 @@
         <td>{{simfile.artist}}</td>
     </tr>
     <tr ng-if="simfile.steps.single.length">
-        <th>Singles:</th>
+        <th>Single:</th>
         <td>
             <ul>
                 <li ng-repeat="stepchart in simfile.steps.single">
@@ -19,7 +19,7 @@
         </td>
     </tr>
     <tr ng-if="simfile.steps.double.length">
-        <th>Doubles:</th>
+        <th>Double:</th>
         <td>
             <ul>
                 <li ng-repeat="stepchart in steps.double">

diff --git a/app/css/animations.css b/app/css/animations.css
index 331aeef..81f4ca7 100644 (file)
--- a/app/css/animations.css
+++ b/app/css/animations.css
@@ -45,6 +45,10 @@ tbody.collapse.in {
     -moz-animation-duration: 2s; 
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
+       width:40px;
+       height:40px;
+       position:relative;
+       top:8px;
 }
 
 @-webkit-keyframes rotate {

diff --git a/app/css/divinelegy.css b/app/css/divinelegy.css
index 3cda25b..f479677 100644 (file)
--- a/app/css/divinelegy.css
+++ b/app/css/divinelegy.css
@@ -14,7 +14,7 @@
 
 body {
     background: url('../images/background.png');
-    background-color: #0C141C;
+    background-color: #090F15;
     background-repeat:repeat-x;
     background-position:top;
     background-attachment:fixed;
@@ -45,9 +45,9 @@ input, select {
     -ms-box-sizing:content-box;
     -moz-box-sizing:content-box;
     -webkit-box-sizing:content-box;
-    background: rgba(0,0,0,0.25);
-    border: 2px solid rgba(0,0,0,0.3);
-    color: #888;
+    background: rgba(0,0,0,0.65);
+    border: 2px solid rgba(0,0,0,1);
+    color: #FFF;
     height: 20px;
     line-height:15px;
     margin-bottom: 8px;
@@ -57,6 +57,11 @@ input, select {
     padding: 5px 0px 5px 5px;
     width: 110px;
     border-radius: 4px;
+       /* Change how the dropdown arrow looks, it should be #FFF along with the text
+       
+       -webkit-appearance: none;
+       background: url("downArrow.png") no-repeat right #000;
+       */
 }
 
 #text-filters input:last-child, #select-filters select:last-child {
@@ -133,7 +138,7 @@ h1, h2 {
 }
 
 h1 {
-    font-size: 21px;
+    font-size: 18px;
 }
 
 h2 {
@@ -159,17 +164,21 @@ h2 {
 #navigation,
 #controlPanel {
     margin-top: 60px;
+       padding-bottom: 18px;
 }
 
 #post {
     margin-top: 16px;
+       min-height: 598px;
+       padding-bottom: 0px;
 }
     
 #floater {
     width: 126px;
     height: 126px;
     position: relative;
-    top: -100px;
+    top: -92px;
+       left: 2px;
     margin-bottom: -116px;
 }
 
@@ -271,7 +280,7 @@ h2 {
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     max-width: 344px;
-    margin-right:5px;
+    margin-right:11px;
 }
 
 .simfileListing .panel-body {
@@ -299,6 +308,8 @@ a:hover {
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     display: inline-block;
+       color:#000;
+       font-weight:bold;
 }
 
 .difficulty.Expert {
@@ -328,6 +339,6 @@ a:hover {
 
 #privacy {
     position: fixed;
-    bottom: 0;
-    right: 0;
+    bottom: 4px;
+    right: 4px;
 }
\ No newline at end of file

diff --git a/app/images/background.png b/app/images/background.png
index 6ff117b..4716922 100755 (executable)
Binary files a/app/images/background.png and b/app/images/background.png differ

diff --git a/app/images/background_old.png b/app/images/background_old.png
new file mode 100644 (file)
index 0000000..6ff117b
Binary files /dev/null and b/app/images/background_old.png differ

diff --git a/app/images/peekingboo.png b/app/images/peekingboo.png
new file mode 100644 (file)
index 0000000..e3b2c47
Binary files /dev/null and b/app/images/peekingboo.png differ

diff --git a/app/images/peekingboo_hover.png b/app/images/peekingboo_hover.png
new file mode 100644 (file)
index 0000000..4245961
Binary files /dev/null and b/app/images/peekingboo_hover.png differ

diff --git a/app/pages/packs/packs.html b/app/pages/packs/packs.html
index f132ed9..2020caa 100644 (file)
--- a/app/pages/packs/packs.html
+++ b/app/pages/packs/packs.html
@@ -10,8 +10,8 @@
         <select ng-model="$parent.modeFilterKeyword">\r
             <option value="Any" disabled selected>Mode</option>\r
             <option value="Any">Any</option>\r
-            <option value="single">Singles</option>\r
-            <option value="double">Doubles</option>\r
+            <option value="single">Single</option>\r
+            <option value="double">Double</option>\r
         </select>\r
         <select ng-model="$parent.difficultyFilterKeyword">\r
             <option value="Any" disabled selected>Difficulty</option>\r