gronod/headphones
1
0
Fork 0
mirror of https://github.com/rembo10/headphones.git synced 2026-07-20 07:54:01 +01:00
Code Issues Packages Projects Releases Wiki Activity

Initial styling of index page

Browse Source
This commit is contained in:
Remy
2011-08-04 19:30:38 -07:00
parent 01e9595d7e
commit bb8b3730c4
3 changed files with 51 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
data/css/data_table.css
+7 -4
View File
@@ -1,8 +1,10 @@
.dataTables_wrapper {
border-radius: 10px;
width: 90%;
margin: 0 auto 0 auto;
padding: 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
width: 88%;
margin: 20px auto 0 auto;
padding: 30px;
background-color: white;
position: relative;
min-height: 302px;
@@ -85,6 +87,7 @@
*/
table.display {
margin: 20px auto;
width: 95%;
clear: both;
/* Note Firefox 3.5 and before have a bug with border-collapse
data/css/style.css
+15 -3
View File
@@ -86,15 +86,27 @@ a:hover { color: #036; }
\\ ========================================== //
*/
container { }
body { background-color: #EBF4FB }
header { height: 68px; padding: 0 10px 0 10px; background-color: #F5F5F5; margin-bottom: 20px; }
header { height: 68px; padding: 0 10px 0 10px; background-color: #CDC9C9; }
div#logo { float: left; }
ul#nav { margin-top: 25px; float: left; white-space: nowrap; list-style-type: none; }
ul#nav li { margin: 40px 5px auto 15px; display: inline; }
ul#nav li a { font-size: 16px; font-weight: bold; color: #330000; text-decoration: none; }
ul#nav li a:hover { background-color: #EE0000; }
div#searchbar { margin: 24px auto auto 30px; float: left; }
table#artist_table th#name { width: 30%; }
table#artist_table th#status { width: 10%; }
table#artist_table th#latestalbum { width: 35%; }
table#artist_table th#have { width: 20%; }
footer { margin: 20px auto 20px auto; }
div#version { text-align: center; font-weight: bold; }
div#donate { text-align: center; margin: 20px auto 20px auto; }
@@ -122,7 +134,7 @@ table#artist_table th#have { width: 20%; }
@media screen and (max-device-width: 480px) {
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}
data/interfaces/default/base.html
+29 -2
View File
@@ -27,7 +27,24 @@
<body>
<div id="container">
<header>
<img src="images/headphoneslogo.png" alt="headphones">
<div id="logo">
<img src="images/headphoneslogo.png" alt="headphones">
</div>
<ul id="nav">
<li><a href="home">home</a></li>
<li><a href="upcoming">upcoming</a></li>
<li><a href="extras">extras</a></li>
<li><a href="manage">manage</a></li>
<li><a href="history">history</a></li>
<li><a href="logs">logs</a></li>
<li><a href="config">settings</a></li>
</ul>
<div id="searchbar">
<form action="findArtist" method="get">
<input type="text" value="" onfocus="if(this.value==this.defaultValue) this.value='';" name="name" />
<input type="submit" value="Add Artist"/>
</form>
</div>
</header>
<div id="main" class="main">
@@ -35,7 +52,17 @@
</div>
<footer>
<div id="version">
Version: ${headphones.CURRENT_VERSION}
</div>
<div id="donate">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="93FFC6WDV97QS">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</footer>
</div>