We are no longer offering accounts on this server. Consider https://gitlab.freedesktop.org/ as a place to host projects.

Commit 66384674 authored by mattl's avatar mattl

update to look like new site

parent 8bad24c3
......@@ -129,9 +129,3 @@ input[type="reset"],
input[type="submit"] {
padding:1px;
}
/* cleaner divs - to allow regular flow for parents of floated elements */
div.cleaner {
clear:both;
}
html, body, #doc3,h1{margin: 0; padding: 0; font-family: Liberation Sans, Verdana}
html {
background-color: #ECECEC;
color: #2e3436;
}
a {
text-decoration: none;
outline: none;
color: #3465a4;
}
img {
border: none
}
#hd{background: #980101 url(images/header.png) no-repeat;
background-position: 15px top;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
width: 80%;
border: 0;
margin: auto;
padding: 0 15px;
}
#hd a{
display: block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0;
padding: 0;
padding-top: 70px;
height: 0px !important;
height /**/: 70px;
width: 418px;
cursor: pointer;
}
#menu {
color: #666;
margin: .5em auto;
font-size: .8em;
width: 80%;
clear: both;
}
div#menu ul li {
padding: 0 1em;
display: inline
}
#menu a {
text-decoration: none;
color: #2e3436
}
#menu a:hover {
text-decoration: underline;
}
#menu a:visited {
color: #2e3436;
}
#main {
width: 75%;
margin: auto;
background-color: #FFF;
padding: 2em;
-moz-border-radius: 10px
}
h2 {
font-size: 2em;
margin: 5px;
}
div#footer a {
}
.yui-b, #ft{padding: 1em;}
.odd { background:#F4B624 !important; color:#000; }
.even { background:#FFFFFF !important; color:#000; }
/*
* We should use a class down here ¬¬ (fauno)
*/
div#invite,
div#register,
div#login {
margin: 1em auto 0 auto;
}
div#invite form,
div#register form,
div#login form {
width: 30em;
margin: 0 auto;
}
div#invite form fieldset,
div#register form fieldset,
div#login form fieldset {
border: none;
padding: 0;
}
div#invite form fieldset label,
div#register form fieldset label,
div#login form fieldset label {
float:left;
font-weight:bold;
text-align:right;
font-size: 1em;
width: 10em;
}
div#invite form fieldset label span,
div#register form fieldset label span,
div#login form fieldset label span {
color:#666666;
display:block;
font-weight:normal;
text-align:right;
font-size: .59em
}
div#invite form fieldset input,
div#register form fieldset input,
div#login form fieldset input {
float:left;
font-size:1em;
padding:.2em .1em;
width:200px;
margin:2px 0 20px 10px;
}
div#invite form fieldset input[type=submit],
div#register form fieldset input[type=submit],
div#login form fieldset input[type=submit] {
margin: 0;
width: 100%;
}
/* sidebar navigation */
ul#navigation { padding: 0; margin: 0; }
#navigation li { list-style-type: none; padding-bottom: 5px; }
#navigation li ul { padding: 0; margin-left: 20px; margin-top: 0px; }
/* the lists on the front and explore pages */
/* TODO: Do rounded corners for browsers other than Gecko as well? */
ul.listcloud { padding: 0px; margin: 0px; }
ul.listcloud li { float: left; margin-right: 10px; margin-bottom: 10px; list-style-type: none; padding: 10px; border: 1px solid #000; background-color: #eee; -moz-border-radius: 5px; height: 2.2em; }
ul.listcloud li dl { margin: 0; padding: 0; }
ul.listcloud li dt { margin: 0; padding: 0; }
ul.listcloud li dd { margin: 0; padding: 0; }
ul.listcloud li dt a { color: #630000; text-decoration: none; }
ul.listcloud li dt a:hover { text-decoration: underline; }
ul#topartists.listcloud dd { font-size: 80%; }
ul#nowplaying.listcloud li { float: left; margin-right: 10px; margin-bottom: 10px; list-style-type: none; padding: 10px; border: 1px solid #000; background-color: #eee; -moz-border-radius: 5px; height: 4.4em; }
ul#recenttracks.listcloud li { height: 3.4em; }
/* Users */
.user {
font-size: .8em;
}
.user .fn {
margin-bottom: .3em;
}
.photo, .avatar {
max-height: 96px;
max-width: 96px;
min-height: 32px;
min-width: 32px;
float: left;
margin-right: .3em
}
.user .bio {
}
.user .nickname {
color: #666666
}
/*
dl.now-playing * {
display: inline
}
*/
dl.now-playing dt, dl.recent-tracks dt {
font-size: 1em;
margin-top: .3em
}
dl.now-playing dd {
font-size: .8em;
color: #666;
display: inline;
margin: 0
}
dl.now-playing dd.track-name {
display:block
}
dl.recent-tracks dd span.username {
font-size: .7em
}
/* dl.recent-tracks dd.track-name:before {
content: '| ';
}*/
dl.gobbles {
}
dl.gobbles dt.artist a {
text-decoration: none;
color: #2e3436;
}
dl.gobbles dt.artist a:hover {
text-decoration: underline;
}
dl.gobbles dd.gobble span.track-name {
font-weight: bold;
font-size: .8em
}
dl.gobbles dd.gobble small {
display: block;
color: #666;
font-size: .7em
}
h3 {
clear: left;
}
.clear {
clear: both;
}
html{background-color: #ececec;}
#coolio {background-color: white; padding: 15px;}
#hd {background-color: #980101; margin-top: -9px;}
#bd{padding: 5px;}
#hd {margin-bottom: 8px; height: 70px; position: relative;}
#hd ul{ margin: 0; padding: 0; line-height: 70px; position: absolute; top: 0; right: 20px;}
#hd li a{ color: white; text-decoration: none; }
#login a{ color: yellow !important; }
#hd li{ display: inline; font-size: 21px; text-transform: lowercase; font-weight: bold; margin-right: 20px;}
#banner { height: 345px; position: relative;}
#banner img{ position: absolute; top: -12px; left: 0; }
#sidebar {background-color: #eee;}
#hd, #sidebar, #coolio, #artists {-moz-border-radius: 8px;}
#artists{background-color: lightblue; margin: 15px 0 15px 0; padding: 5px;}
#links, #moarlinks, #ft{font-size: 85%;}
#ft{margin-top: 15px; height: 102px;position: relative;}
#ft p{ text-align: right;}
#ft li{ display: inline; margin-right: 0.5em; }
#ft li.copy { margin-right: 1em; }
#hd h1{ background: #980101 url(http://alpha.libre.fm/themes/librefm/images/header.png) no-repeat;
border: 0;
padding: 0;
}
#hd h1 a{
display: block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0;
padding: 0;
padding-top: 70px;
height: 0px !important;
height /**/: 70px;
width: 418px;
cursor: pointer;
}
li{ line-height: 1.6em; }
.tagcloud { margin: 0; padding: 0; text-align: center; }
.tagcloud li{ display: inline; margin-right: 0.2em; line-height: 1.2em; }
.tagcloud .t1 { font-size: 200%; }
.tagcloud .t2 { font-size: 180%; }
.tagcloud .t3 { font-size: 160%; }
.tagcloud .t4 { font-size: 140%; }
.tagcloud .t5 { font-size: 120%; }
.tagcloud .t6 { font-size: 100%; }
a:hover { color: red !important; }
a:visited{ color: #07c;}
.highlight{ background-color: #ffb;}
th{background-color: black; color: white;}
tr.odd{background-color: #edf3fe;}
\ No newline at end of file
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
\ No newline at end of file
</div></div>
<div class="yui-u" id="sidebar">
<div style="padding: 10px;">
<h3>Explore popular artists</h3>
<ul class="tagcloud">
<li class="tc t1"><a href="#">They Might Be Giants</a></li>
<li class="tc t3"><a href="#">John Lennon</a></li>
<li class="tc t1"><a href="#">Half Man Half Biscuit</a></li>
<li class="tc t3"><a href="#">Explosions in the sky</a></li>
<li class="tc t1"><a href="#">Belle and Sebastian</a></li>
<li class="tc t2"><a href="#">nine inch nails</a></li>
<li class="tc t5"><a href="#">Pulp</a></li>
<li class="tc t1"><a href="#">Radiohead</a></li>
<li class="tc t6"><a href="#">Tom Lehrer</a></li>
<li class="tc t2"><a href="#">The Beatles</a></li>
<li class="tc t3"><a href="#">Dead Kennedys</a></li>
<li class="tc t4"><a href="#">Bishop Allen</a></li>
<li class="tc t2"><a href="#">The Orb</a></li>
<li class="tc t3"><a href="#">gorillaz</a></li>
<li class="tc t4"><a href="#">Carbon Based Lifeforms</a></li>
<li class="tc t5"><a href="#">Laura Cantrell</a></li>
<li class="tc t6"><a href="#">Jem</a></li>
<li class="tc t1"><a href="#">Solar Fields</a></li>
<li class="tc t4"><a href="#">billy talent</a></li>
<li class="tc t3"><a href="#">Blur</a></li>
</ul>
</div></div>
</div></div>
<div class="yui-g" id="artists">
<strong><a href="/contact/">Talk to us</a></strong> if you're in a band, represent a
label or music service, we'd like to talk ideas and
possibilities. While our intention is eventually provide download
and streaming services for freely-licensed music, we are also
interested in linking all bands to respectable DRM-free music
services.
</div>
<div class="yui-g">
<div class="yui-u first" id="links">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat. </div>
<div class="yui-u" id="moarlinks">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat. </div>
</div>
<div id='footer'>
<p><a rel='license' href='http://creativecommons.org/licenses/by-sa/3.0/us/'><img src='{$base_url}/themes/librefm/images/cc-by-sa.png' alt="CC-BY-SA"/></a></p>
</div>
<div id="ft" role="navigation">
<ul>
<li class="copy">&copy; 2009 Libre.fm Project</li>
<li><a href="/contributors/">Contributors</a></li>
<li><a href="/licensing/">Licensing information</a></li>
<li><a href="/developer/">Developers</a></li>
<li><a href="/api/">API</a></li>
<li><a href="/download/">Download</a></li>
</ul>
<p><img src="/i/cc-by-sa.png" alt="Attribution-ShareAlike 3.0" /></p>
</div>
</div>
</body>
</html>
</html>
\ No newline at end of file
......@@ -3,6 +3,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Libre.fm</title>
<link rel="stylesheet" href="{$base_url}/themes/librefm/reset-fonts-grids.css" type="text/css" />
<link rel="stylesheet" href="{$base_url}/themes/librefm/base.css" type="text/css" />
<link rel="stylesheet" href="{$base_url}/themes/librefm/librefm.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
......@@ -18,7 +19,15 @@
-->
</head>
<body>
<div id="doc3" class="yui-t7">
<div id="hd" class='vcard'><h1 class='fn org'><a href="{$base_url}" class='url'>Libre.fm</a></h1></div>
<div id="doc2" class="yui-t7">
<div id="hd" role="navigation" class='vcard'><h1 class='fn org'><a href="{$base_url}" class='url'>Libre.fm</a></h1>
{include file='menu.tpl'}
<div id="main">
</div>
<div id="bd" role="main">
<div id="coolio">
<div class="yui-g" id="banner">
<img src="/i/topblock.png" alt="" />
</div>
<div class="yui-gc">
<div class="yui-u first" id="content">
<div style="padding: 10px;">
<div id='menu'>
<ul id='navigation'>
<ul>
{if ($logged_in)}
<li><a href='{$u_user->getURL()}'>{$u_user->name}</a></li>
<li><a href="{$u_user->getURL()}">{$u_user->name}</a></li>
{/if}
{if ($logged_in)}
<li>Invites disabled</li>
{if $u_user->userlevel > 0}
<li><a href='{$base_url}/admin.php'>Admin panel</a></li>
<li><a href="/admin.php">Admin panel</a></li>
{/if}
{else}
<li><a href='{$base_url}/login.php'>Login</a></li>
<li><a href='{$base_url}/request.php'>Request invitation</a></li>
<li><a href="{$base_url}/login.php">Login</a></li>
<li><a href="{$base_url}/request.php">Request invitation</a></li>
{/if}
<li>Explore:</li>
<li><a href='/explore.php?mode=artists'>Artists</a></li>
<li><a href="explore.php?mode=artists">Artists</a></li>
</ul>
</div>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment