Audiolab Template

This commit is contained in:
Luca 2016-12-23 20:38:21 +01:00
commit 2d4a07cdb3
64 changed files with 4089 additions and 0 deletions

11
404.php Normal file
View File

@ -0,0 +1,11 @@
<?php get_header(); ?>
<div id="content" role="main" class="span-17 colborder">
<h1>Error 404: File Not Found</h1>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

BIN
blueprint/grid.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 B

1
blueprint/ie.css Normal file
View File

@ -0,0 +1 @@
body { text-align:center; }.container { text-align:left; }* html .column, * html .span-1, * html .span-2,* html .span-3, * html .span-4, * html .span-5,* html .span-6, * html .span-7, * html .span-8,* html .span-9, * html .span-10, * html .span-11,* html .span-12, * html .span-13, * html .span-14,* html .span-15, * html .span-16, * html .span-17,* html .span-18, * html .span-19, * html .span-20,* html .span-21, * html .span-22, * html .span-23,* html .span-24 { display:inline; overflow-x:hidden; }* html legend { margin:0px -8px 16px 0; padding:0; }sup { vertical-align:text-top; }sub { vertical-align:text-bottom; }html>body p code { *white-space:normal; }hr { margin:-8px auto 11px; }img { -ms-interpolation-mode:bicubic; }.clearfix, .container { display:inline-block; }* html .clearfix,* html .container { height:1%; }fieldset { padding-top:0; }legend { margin-top:-0.2em; margin-bottom:1em; margin-left:-0.5em; }textarea { overflow:auto; }label { vertical-align:middle; position:relative; top:-0.25em; }input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; }input.text:focus, input.title:focus { border-color:#666; }input.text, input.title, textarea, select { margin:0.5em 0; }input.checkbox, input.radio { position:relative; top:.25em; }form.inline div, form.inline p { vertical-align:middle; }form.inline input.checkbox, form.inline input.radio,form.inline input.button, form.inline button { margin:0.5em 0;}button, input.button { position:relative;top:0.25em; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 655 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 455 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 537 B

View File

@ -0,0 +1,32 @@
Buttons
* Gives you great looking CSS buttons, for both <a> and <button>.
* Demo: particletree.com/features/rediscovering-the-button-element
Credits
----------------------------------------------------------------
* Created by Kevin Hale [particletree.com]
* Adapted for Blueprint by Olav Bjorkoy [bjorkoy.com]
Usage
----------------------------------------------------------------
1) Add this plugin to lib/settings.yml.
See compress.rb for instructions.
2) Use the following HTML code to place the buttons on your site:
<button type="submit" class="button positive">
<img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
</button>
<a class="button" href="/password/reset/">
<img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
</a>
<a href="#" class="button negative">
<img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
</a>

View File

@ -0,0 +1,97 @@
/* --------------------------------------------------------------
buttons.css
* Gives you some great CSS-only buttons.
Created by Kevin Hale [particletree.com]
* particletree.com/features/rediscovering-the-button-element
See Readme.txt in this folder for instructions.
-------------------------------------------------------------- */
a.button, button {
display:block;
float:left;
margin: 0.7em 0.5em 0.7em 0;
padding:5px 10px 5px 7px; /* Links */
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
background-color:#f5f5f5;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
}
button {
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
button[type] {
padding:4px 10px 4px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type] {
padding:4px 10px 3px 7px; /* IE7 */
}
button img, a.button img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
float:none;
}
/* Button colors
-------------------------------------------------------------- */
/* Standard */
button:hover, a.button:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
a.button:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* Positive */
body .positive {
color:#529214;
}
a.positive:hover, button.positive:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
a.positive:active {
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
/* Negative */
body .negative {
color:#d12f19;
}
a.negative:hover, button.negative:hover {
background-color:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
a.negative:active {
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}

View File

@ -0,0 +1,14 @@
Fancy Type
* Gives you classes to use if you'd like some
extra fancy typography.
Credits and instructions are specified above each class
in the fancy-type.css file in this directory.
Usage
----------------------------------------------------------------
1) Add this plugin to lib/settings.yml.
See compress.rb for instructions.

View File

@ -0,0 +1,71 @@
/* --------------------------------------------------------------
fancy-type.css
* Lots of pretty advanced classes for manipulating text.
See the Readme file in this folder for additional instructions.
-------------------------------------------------------------- */
/* Indentation instead of line shifts for sibling paragraphs. */
p + p { text-indent:2em; margin-top:-1.5em; }
form p + p { text-indent: 0; } /* Don't want this in forms. */
/* For great looking type, use this code instead of asdf:
<span class="alt">asdf</span>
Best used on prepositions and ampersands. */
.alt {
color: #666;
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-style: italic;
font-weight: normal;
}
/* For great looking quote marks in titles, replace "asdf" with:
<span class="dquo">&#8220;</span>asdf&#8221;
(That is, when the title starts with a quote mark).
(You may have to change this value depending on your font size). */
.dquo { margin-left: -.5em; }
/* Reduced size type with incremental leading
(http://www.markboulton.co.uk/journal/comments/incremental_leading/)
This could be used for side notes. For smaller type, you don't necessarily want to
follow the 1.5x vertical rhythm -- the line-height is too much.
Using this class, it reduces your font size and line-height so that for
every four lines of normal sized type, there is five lines of the sidenote. eg:
New type size in em's:
10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
New line-height value:
12px x 1.5 = 18px (old line-height)
18px x 4 = 72px
72px / 5 = 14.4px (new line height)
14.4px / 10px = 1.44 (new line height in em's) */
p.incr, .incr p {
font-size: 10px;
line-height: 1.44em;
margin-bottom: 1.5em;
}
/* Surround uppercase words and abbreviations with this class.
Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
.caps {
font-variant: small-caps;
letter-spacing: 1px;
text-transform: lowercase;
font-size:1.2em;
line-height:1%;
font-weight:bold;
padding:0 2px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 777 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 641 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 691 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 741 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 591 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 663 B

View File

@ -0,0 +1,18 @@
Link Icons
* Icons for links based on protocol or file type.
This is not supported in IE versions < 7.
Credits
----------------------------------------------------------------
* Marc Morgan
* Olav Bjorkoy [bjorkoy.com]
Usage
----------------------------------------------------------------
1) Add this line to your HTML:
<link rel="stylesheet" href="css/blueprint/plugins/link-icons/screen.css" type="text/css" media="screen, projection">

View File

@ -0,0 +1,40 @@
/* --------------------------------------------------------------
link-icons.css
* Icons for links based on protocol or file type.
See the Readme file in this folder for additional instructions.
-------------------------------------------------------------- */
/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon {
background:transparent none !important;
padding:0 !important;
margin:0 !important;
}
/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited,
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
a[href$=".rdf"], a[href^="aim:"] {
padding:2px 22px 2px 0;
margin:-2px 0;
background-repeat: no-repeat;
background-position: right center;
}
/* External links */
a[href^="http:"] { background-image: url(icons/external.png); }
a[href^="mailto:"] { background-image: url(icons/email.png); }
a[href^="http:"]:visited { background-image: url(icons/visited.png); }
/* Files */
a[href$=".pdf"] { background-image: url(icons/pdf.png); }
a[href$=".doc"] { background-image: url(icons/doc.png); }
a[href$=".xls"] { background-image: url(icons/xls.png); }
/* Misc */
a[href$=".rss"],
a[href$=".rdf"] { background-image: url(icons/feed.png); }
a[href^="aim:"] { background-image: url(icons/im.png); }

View File

@ -0,0 +1,10 @@
RTL
* Mirrors Blueprint, so it can be used with Right-to-Left languages.
By Ran Yaniv Hartstein, ranh.co.il
Usage
----------------------------------------------------------------
1) Add this line to your HTML:
<link rel="stylesheet" href="css/blueprint/plugins/rtl/screen.css" type="text/css" media="screen, projection">

View File

@ -0,0 +1,109 @@
/* --------------------------------------------------------------
rtl.css
* Mirrors Blueprint for left-to-right languages
By Ran Yaniv Hartstein [ranh.co.il]
-------------------------------------------------------------- */
body .container { direction: rtl; }
body .column {
float: right;
margin-right: 0;
margin-left: 10px;
}
body div.last { margin-left: 0; }
body table .last { padding-left: 0; }
body .append-1 { padding-right: 0; padding-left: 40px; }
body .append-2 { padding-right: 0; padding-left: 80px; }
body .append-3 { padding-right: 0; padding-left: 120px; }
body .append-4 { padding-right: 0; padding-left: 160px; }
body .append-5 { padding-right: 0; padding-left: 200px; }
body .append-6 { padding-right: 0; padding-left: 240px; }
body .append-7 { padding-right: 0; padding-left: 280px; }
body .append-8 { padding-right: 0; padding-left: 320px; }
body .append-9 { padding-right: 0; padding-left: 360px; }
body .append-10 { padding-right: 0; padding-left: 400px; }
body .append-11 { padding-right: 0; padding-left: 440px; }
body .append-12 { padding-right: 0; padding-left: 480px; }
body .append-13 { padding-right: 0; padding-left: 520px; }
body .append-14 { padding-right: 0; padding-left: 560px; }
body .append-15 { padding-right: 0; padding-left: 600px; }
body .append-16 { padding-right: 0; padding-left: 640px; }
body .append-17 { padding-right: 0; padding-left: 680px; }
body .append-18 { padding-right: 0; padding-left: 720px; }
body .append-19 { padding-right: 0; padding-left: 760px; }
body .append-20 { padding-right: 0; padding-left: 800px; }
body .append-21 { padding-right: 0; padding-left: 840px; }
body .append-22 { padding-right: 0; padding-left: 880px; }
body .append-23 { padding-right: 0; padding-left: 920px; }
body .prepend-1 { padding-left: 0; padding-right: 40px; }
body .prepend-2 { padding-left: 0; padding-right: 80px; }
body .prepend-3 { padding-left: 0; padding-right: 120px; }
body .prepend-4 { padding-left: 0; padding-right: 160px; }
body .prepend-5 { padding-left: 0; padding-right: 200px; }
body .prepend-6 { padding-left: 0; padding-right: 240px; }
body .prepend-7 { padding-left: 0; padding-right: 280px; }
body .prepend-8 { padding-left: 0; padding-right: 320px; }
body .prepend-9 { padding-left: 0; padding-right: 360px; }
body .prepend-10 { padding-left: 0; padding-right: 400px; }
body .prepend-11 { padding-left: 0; padding-right: 440px; }
body .prepend-12 { padding-left: 0; padding-right: 480px; }
body .prepend-13 { padding-left: 0; padding-right: 520px; }
body .prepend-14 { padding-left: 0; padding-right: 560px; }
body .prepend-15 { padding-left: 0; padding-right: 600px; }
body .prepend-16 { padding-left: 0; padding-right: 640px; }
body .prepend-17 { padding-left: 0; padding-right: 680px; }
body .prepend-18 { padding-left: 0; padding-right: 720px; }
body .prepend-19 { padding-left: 0; padding-right: 760px; }
body .prepend-20 { padding-left: 0; padding-right: 800px; }
body .prepend-21 { padding-left: 0; padding-right: 840px; }
body .prepend-22 { padding-left: 0; padding-right: 880px; }
body .prepend-23 { padding-left: 0; padding-right: 920px; }
body .border {
padding-right: 0;
padding-left: 4px;
margin-right: 0;
margin-left: 5px;
border-right: none;
border-left: 1px solid #eee;
}
body .colborder {
padding-right: 0;
padding-left: 24px;
margin-right: 0;
margin-left: 25px;
border-right: none;
border-left: 1px solid #eee;
}
body .pull-1 { margin-left: 0; margin-right: -40px; }
body .pull-2 { margin-left: 0; margin-right: -80px; }
body .pull-3 { margin-left: 0; margin-right: -120px; }
body .pull-4 { margin-left: 0; margin-right: -160px; }
body .push-0 { margin: 0 18px 0 0; }
body .push-1 { margin: 0 18px 0 -40px; }
body .push-2 { margin: 0 18px 0 -80px; }
body .push-3 { margin: 0 18px 0 -120px; }
body .push-4 { margin: 0 18px 0 -160px; }
body .push-0, body .push-1, body .push-2,
body .push-3, body .push-4 { float: left; }
/* Typography with RTL support */
body h1,body h2,body h3,
body h4,body h5,body h6 { font-family: Arial, sans-serif; }
html body { font-family: Arial, sans-serif; }
body pre,body code,body tt { font-family: monospace; }
/* Mirror floats and margins on typographic elements */
body p img { float: right; margin: 1.5em 0 1.5em 1.5em; }
body dd, body ul, body ol { margin-left: 0; margin-right: 1.5em;}
body td, body th { text-align:right; }

1
blueprint/print.css Normal file
View File

@ -0,0 +1 @@
body { line-height:1.5; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; color:#000; background:none; font-size:10pt;}.container { background:none;}hr { background:#ccc; color:#ccc; width:100%; height:2px; margin:2em 0; padding:0; border:none;}hr.space { background:#fff; color:#fff; visibility:hidden;}h1,h2,h3,h4,h5,h6 { font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif; }code { font:.9em "Courier New", Monaco, Courier, monospace; }a img { border:none; }p img.top { margin-top:0; }blockquote { margin:1.5em; padding:1em; font-style:italic; font-size:.9em;}.small { font-size:.9em; }.large { font-size:1.1em; }.quiet { color:#999; }.hide { display:none; }a:link, a:visited { background:transparent; font-weight:700; text-decoration:underline;}a:link:after, a:visited:after { content:" (" attr(href) ")"; font-size:90%;}

1
blueprint/screen.css Normal file

File diff suppressed because one or more lines are too long

65
blueprint/src/forms.css Normal file
View File

@ -0,0 +1,65 @@
/* --------------------------------------------------------------
forms.css
* Sets up some default styling for forms
* Gives you classes to enhance your forms
Usage:
* For text fields, use class .title or .text
* For inline forms, use .inline (even when using columns)
-------------------------------------------------------------- */
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
background-color:#fff;
border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
border-color:#666;
}
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
margin:0.5em 0;
}
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
position:relative; top:.25em;
}
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }

281
blueprint/src/grid.css Normal file
View File

@ -0,0 +1,281 @@
/* --------------------------------------------------------------
grid.css
* Sets up an easy-to-use grid of 24 columns.
By default, the grid is 950px wide, with 24 columns
spanning 30px, and a 10px margin between columns.
If you need fewer or more columns, namespaces or semantic
element names, use the compressor script (lib/compress.rb)
Note: Changes made in this file will not be applied when
using the compressor: make changes in lib/blueprint/grid.css.rb
-------------------------------------------------------------- */
/* A container should group all your columns. */
.container {
width: 950px;
margin: 0 auto;
}
/* Use this class on any div.span / container to see the grid. */
.showgrid {
background: url(src/grid.png);
}
/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
float: left;
margin-right: 10px;
}
/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }
/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}
.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:950px; margin:0; }
/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
border-left-width: 1px!important;
border-right-width: 1px!important;
padding-left: 5px!important;
padding-right: 5px!important;
}
input.span-1, textarea.span-1 { width: 18px!important; }
input.span-2, textarea.span-2 { width: 58px!important; }
input.span-3, textarea.span-3 { width: 98px!important; }
input.span-4, textarea.span-4 { width: 138px!important; }
input.span-5, textarea.span-5 { width: 178px!important; }
input.span-6, textarea.span-6 { width: 218px!important; }
input.span-7, textarea.span-7 { width: 258px!important; }
input.span-8, textarea.span-8 { width: 298px!important; }
input.span-9, textarea.span-9 { width: 338px!important; }
input.span-10, textarea.span-10 { width: 378px!important; }
input.span-11, textarea.span-11 { width: 418px!important; }
input.span-12, textarea.span-12 { width: 458px!important; }
input.span-13, textarea.span-13 { width: 498px!important; }
input.span-14, textarea.span-14 { width: 538px!important; }
input.span-15, textarea.span-15 { width: 578px!important; }
input.span-16, textarea.span-16 { width: 618px!important; }
input.span-17, textarea.span-17 { width: 658px!important; }
input.span-18, textarea.span-18 { width: 698px!important; }
input.span-19, textarea.span-19 { width: 738px!important; }
input.span-20, textarea.span-20 { width: 778px!important; }
input.span-21, textarea.span-21 { width: 818px!important; }
input.span-22, textarea.span-22 { width: 858px!important; }
input.span-23, textarea.span-23 { width: 898px!important; }
input.span-24, textarea.span-24 { width: 938px!important; }
/* Add these to a column to append empty cols. */
.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}
/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}
/* Border on right hand side of a column. */
div.border {
padding-right: 4px;
margin-right: 5px;
border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
div.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eee;
}
/* Use these classes on an element to push it into the
next column, or to pull it into the previous column. */
.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}
.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}
/* Misc classes and elements
-------------------------------------------------------------- */
/* In case you need to add a gutter above/below an element */
.prepend-top {
margin-top:1.5em;
}
.append-bottom {
margin-bottom:1.5em;
}
/* Use a .box to create a padded box inside a column. */
.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #E5ECF9;
}
/* Use this to create a horizontal ruler across a column. */
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0 0 1.45em;
border: none;
}
hr.space {
background: #fff;
color: #fff;
}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.clearfix, .container {display: block;}
/* Regular clearing
apply to column that should drop below previous ones. */
.clear { clear:both; }

BIN
blueprint/src/grid.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 B

76
blueprint/src/ie.css Normal file
View File

@ -0,0 +1,76 @@
/* --------------------------------------------------------------
ie.css
Contains every hack for Internet Explorer,
so that our core files stay sweet and nimble.
-------------------------------------------------------------- */
/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }
/* Fixes IE margin bugs */
* html .column, * html div.span-1, * html div.span-2,
* html div.span-3, * html div.span-4, * html div.span-5,
* html div.span-6, * html div.span-7, * html div.span-8,
* html div.span-9, * html div.span-10, * html div.span-11,
* html div.span-12, * html div.span-13, * html div.span-14,
* html div.span-15, * html div.span-16, * html div.span-17,
* html div.span-18, * html div.span-19, * html div.span-20,
* html div.span-21, * html div.span-22, * html div.span-23,
* html div.span-24 { overflow-x: hidden; }
/* Elements
-------------------------------------------------------------- */
/* Fixes incorrect styling of legend in IE6. */
* html legend { margin:0px -8px 16px 0; padding:0; }
/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }
/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; }
/* IE 6&7 has problems with setting proper <hr> margins. */
hr { margin: -8px auto 11px; }
/* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
img { -ms-interpolation-mode: bicubic; }
/* Clearing
-------------------------------------------------------------- */
/* Makes clearfix actually work in IE */
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
/* Forms
-------------------------------------------------------------- */
/* Fixes padding on fieldset */
fieldset {padding-top: 0;}
/* Fixes rule that IE 6 ignores */
input.text, input.title {background-color:#fff;border:1px solid #bbb;}
input.text:focus, input.title:focus {border-color:#666;}
input.text, input.title, textarea, select {margin:0.5em 0;}
input.checkbox, input.radio {position:relative; top:.25em;}
/* Fixes alignment of inline form elements */
form.inline div, form.inline p {vertical-align:middle;}
form.inline label {position:relative;top:-0.25em;}
form.inline input.checkbox, form.inline input.radio,
form.inline input.button, form.inline button {
margin:0.5em 0;
}
button, input.button {position:relative;top:0.25em;}

85
blueprint/src/print.css Normal file
View File

@ -0,0 +1,85 @@
/* --------------------------------------------------------------
print.css
* Gives you some sensible styles for printing pages.
* See Readme file in this directory for further instructions.
Some additions you'll want to make, customized to your markup:
#header, #footer, #navigation { display:none; }
-------------------------------------------------------------- */
body {
line-height: 1.5;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#000;
background: none;
font-size: 10pt;
}
/* Layout
-------------------------------------------------------------- */
.container {
background: none;
}
hr {
background:#ccc;
color:#ccc;
width:100%;
height:2px;
margin:2em 0;
padding:0;
border:none;
}
hr.space {
background: #fff;
color: #fff;
}
/* Text
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
code { font:.9em "Courier New", Monaco, Courier, monospace; }
img { float:left; margin:1.5em 1.5em 1.5em 0; }
a img { border:none; }
p img.top { margin-top: 0; }
blockquote {
margin:1.5em;
padding:1em;
font-style:italic;
font-size:.9em;
}
.small { font-size: .9em; }
.large { font-size: 1.1em; }
.quiet { color: #999; }
.hide { display:none; }
/* Links
-------------------------------------------------------------- */
a:link, a:visited {
background: transparent;
font-weight:700;
text-decoration: underline;
}
a:link:after, a:visited:after {
content: " (" attr(href) ")";
font-size: 90%;
}
/* If you're having trouble printing relative links, uncomment and customize this:
(note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */
/* a[href^="/"]:after {
content: " (http://www.yourdomain.com" attr(href) ") ";
} */

38
blueprint/src/reset.css Normal file
View File

@ -0,0 +1,38 @@
/* --------------------------------------------------------------
reset.css
* Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }

View File

@ -0,0 +1,106 @@
/* --------------------------------------------------------------
typography.css
* Sets up some sensible default typography.
-------------------------------------------------------------- */
/* Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
font-size: 75%;
color: #333;
background: #fff;
font-family: "Ubuntu", sans-serif;
line-height: 1.667em;
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

92
comments.php Normal file
View File

@ -0,0 +1,92 @@
<?php
if (!empty($_SERVER['SCRIPT_FILENAME']) && basename($_SERVER['SCRIPT_FILENAME']) == 'comments.php') {
exit;
}
if (post_password_required()) {
?>
<p class="nocomments">This post is password protected. Enter the password to view comments.</p>
<?php
return;
}
?>
<div id="comments">
<?php
if (have_comments()) {
?>
<h2>Comments</h2>
<ol class="commentlist">
<?php wp_list_comments(); ?>
</ol>
<?php
}
if (comments_open()) {
?>
<div id="respond">
<h2>Submit a Comment</h2>
<div class="cancel-comment-reply">
<small><?php cancel_comment_reply_link(); ?></small>
</div>
<?php
if (get_option('comment_registration') && !is_user_logged_in()) {
?>
<p>You must be <a href="<?php echo wp_login_url( get_permalink() ); ?>">logged in</a> to post a comment.</p>
<?php
}
?>
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<?php
if (is_user_logged_in()) {
?>
<p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account">Log out &raquo;</a></p>
<?php
}
else {
?>
<div class="input">
<label for="author">Name <?php if ($req) echo "(required)"; ?></label>
<input type="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?>" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />
</div>
<div class="input">
<label for="email">Email (will not be published) <?php if ($req) echo "(required)"; ?></label>
<input type="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?>" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?> />
</div>
<div class="input">
<label for="url">Website URL</label>
<input type="text" name="url" id="url" value="<?php echo esc_attr($comment_author_url); ?>" tabindex="3" />
</div>
<?php
}
?>
<div class="input">
<label for="comment">Your Comment</label>
<textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea>
</div>
<div class="input">
<input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<?php comment_id_fields(); ?>
</div>
<?php
do_action('comment_form', $post->ID);
?>
</form>
</div><!-- id="respond" -->
<?php
}
?>
</div><!-- id="comments" -->

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 B

12
footer.php Normal file
View File

@ -0,0 +1,12 @@
<div id="footer" role="contentinfo" class="span-24 last">
<ul>
</ul>
</div><!-- id="footer" -->
</div><!-- id="page" -->
<?php wp_footer(); ?>
</body>
</html>

67
front-page.php Normal file
View File

@ -0,0 +1,67 @@
<?php get_header(); ?>
<div id="content" role="main" class="span-16 prepend-1 last front">
<?php
echo audiolabLatest();
if (have_posts()) {
while (have_posts()) {
the_post();
?>
<a href="<?php the_permalink() ?>" class = 'front_post' ><div class="post-frontpage" style="" <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<?php
$tid = get_post_thumbnail_id();
$url_img = wp_get_attachment_image_src($tid);
?>
<div class="post-thumbnail" style="background-size:cover;width:100%;height:150px;background-image:url('<?php echo $url_img[0]; ?>');">
<?php if(has_post_thumbnail()){
//the_post_thumbnail('thumbnail');
}?>
</div>
<div class="post-content" style="padding-top:20px;">
<h2><?php the_title() ?></h2>
<h3><?php the_date() ?></h3>
<?php the_excerpt(); ?>
</div>
</div></a>
<?php
}
}
else {
?>
<h2>Not Found</h2>
<p>The content you have requested does not exist.</p>
<?php
}
comments_template();
?>
</div><!-- id="content" -->
<script>
/* Control height */
jQuery(document).ready(function(){
var maxH = 0;
jQuery('.post-frontpage').each(function() {
if(jQuery(this).height() > maxH) { maxH = jQuery(this).height(); }
//console.log(maxH);
//console.log(jQuery(this).height());
});
jQuery('.post-frontpage').height(maxH+10);
});
</script>
<?php get_footer(); ?>

74
functions.php Normal file
View File

@ -0,0 +1,74 @@
<?php
if (function_exists('register_sidebar')) {
$args = array(
'name' => 'sidebar',
'id' => 'sidebar',
'description' => '',
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '</li>',
'before_title' => '<h2 class="widgettitle">',
'after_title' => '</h2>' );
register_sidebar($args);
$args2 = array(
'name' => 'top',
'id' => 'top',
'description' => '',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h2 class="widgettitle">',
'after_title' => '</h2>' );
register_sidebar($args2);
}
if (function_exists('register_nav_menu')) {
register_nav_menu( 'primary', 'Primary Menu');
}
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150 ); // default Post Thumbnail dimensions
}
if ( function_exists( 'add_image_size' ) ) {
// add_image_size( 'featured-thumb', 300, 9999 ); //300 pixels wide (and unlimited height)
add_image_size( 'featured-image', 470, 300, true ); //(cropped)
add_image_size( 'featured-small', 150, 93, true ); //(cropped)
}
function audiolabLatest(){
$posts = get_featured_posts(array( 'method' => 'arr'));
$out ='';
$small = '';
if (count($posts)==0)
return;
$out .='<div id="featured-posts"><div id="featured-slider">';
$small .='<div id="featured-thumbs">';
foreach ($posts as $key => $post) {
$id = $post['id'];
$link = get_permalink($id);
$tid = get_post_thumbnail_id($id);
$url_img = wp_get_attachment_image_src($tid);
$out .='<div class="featured-single" id="single-'. $id . '"><div class="featured-wrapper"><div class="featured-single-image" style="width:470px;height:300px;background-size:cover;background-image:url(\''.$url_img[0].'\');">';
if(has_post_thumbnail($id)){
$out .= get_the_post_thumbnail($id,'featured-image') . '</div>';
$small .= '<a href="#" rel="single-' . $id . '" class="featured-thumb-image" style="width:150px;height:93px;background-size:cover;background-image:url(\''.$url_img[0].'\')"></a>';
//$small .= '<a href="#" rel="single-' . $id . '" class="featured-thumb-image">' . get_the_post_thumbnail($id,'featured-small') . '</a>';
}
$out .= '<div class="featured-single-title"><h2><a href="' . $link . '"><span>' . $post['title'] . '</span></a></h2></div>';
$out .= '</div></div>';
}
$small .='</div>';
$out .='</div>' .$small . '</div>';
return $out;
}

56
header.php Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 7]>
<html id="ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html id="ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<!-- Blueprint CSS -->
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/blueprint/ie.css" type="text/css" media="screen, projection">
<![endif]-->
<!-- Theme CSS -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!-- Feed autodiscovery -->
<link rel="alternate" type="application/rss+xml" title="<?php htmlentities(bloginfo('name')); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php htmlentities(bloginfo('name')); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.cycle.all.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/scripts.js" type="text/javascript"></script>
</head>
<body <?php body_class(); ?>>
<div id="page" class="container">
<div id="rss-lector">
<?php get_template_part('rss-lector'); ?>
</div>
<div id="header" role="banner" class="span-24 last">
<div id="headerimg">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div><!-- id="headerimg" -->
<div id = "search-form">
<?php get_search_form( true ); ?>
</div>
</div><!-- id="header" -->
<?php get_sidebar(); ?>

BIN
images/audio-lab.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/audio-lab_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
images/share_icons/digg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 680 B

BIN
images/share_icons/mixx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 917 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 998 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 478 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

75
index.php Normal file
View File

@ -0,0 +1,75 @@
<?php get_header(); ?>
<div id="content" role="main" class="span-16 prepend-1 last">
<?php
if (have_posts()) {
// Archive headers
$post = $posts[0];
if (is_category()) {
echo '<h1>'; single_cat_title(); echo '</h1>';
}
elseif(is_tag()) {
echo '<h1>Tag: '; single_tag_title(); echo '</h1>';
}
elseif (is_day()) {
echo '<h1>'; the_time(get_option('date_format')); echo '</h1>';
}
elseif (is_month()) {
echo '<h1>'; the_time('F Y'); echo '</h1>';
}
elseif (is_year()) {
echo '<h1>'; the_time('Y'); echo '</h1>';
}
elseif (is_author()) {
echo '<h1>Author Archive</h1>';
}
elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {
echo '<h1>Blog Archives</h1>';
}
while (have_posts()) {
the_post();
?>
<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<h2 class="article-title"><a href="<?php the_permalink()?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute() ?>"> <?php the_title() ?> </a></h2>
<div class="entry">
<?php the_content('Read more &raquo;'); ?>
</div>
<?php
if (file_exists(TEMPLATEPATH . '/share.php')) {
//include(TEMPLATEPATH . '/share.php');
}
?>
</div>
<?php
}
?>
<div class="navigation">
<div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
</div>
<?php
}
else {
?>
<h2>Not Found</h2>
<p>The content you have requested does not exist.</p>
<?php
}
?>
</div><!-- id="content" -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

1543
js/jquery.cycle.all.js Normal file

File diff suppressed because it is too large Load Diff

1
js/jquery.cycle2.js.map Normal file

File diff suppressed because one or more lines are too long

16
js/jquery.cycle2.min.js vendored Normal file

File diff suppressed because one or more lines are too long

36
js/scripts.js Normal file
View File

@ -0,0 +1,36 @@
(function($) {
$(document).ready( function() {
var string1 = "info";
var string2 = "@";
var string3 = "audio-lab.org";
var string4 = string1 + string2 + string3;
$('.emilio').append("<a href=" + "mail" + "to:" + string1 + string2 + string3 + ">" + string4 + "</a>");
$('li.folded-menu>a').click(function(e) {
hd=$(this).next('ul.sub-menu');
hd.slideToggle();
e.preventDefault();
});
$('.no-link>a').click(function(e){e.preventDefault();});
$('#featured-slider').cycle({
fx: 'fade',
pager: '#featured-thumbs',
pagerAnchorBuilder: function(index, elem){
return '#featured-thumbs a:eq(' + index + ')'
},
autostop: false
});
$('#rss-lector .widget ul').cycle({
fx: 'scrollUp',
autostop: false
});
});
})(jQuery);

448
less/style.less Normal file
View File

@ -0,0 +1,448 @@
/*
Theme Name: Room 34 Baseline
Theme URI: http://room34.com/downloads/wppi
Description: A simple baseline WordPress theme built with HTML 5 and Blueprint CSS.
Version: 1.5
Author: Scott Anderson
Author URI: http://room34.com/
Tags: white, silver, light, two-columns, fixed-width
This is a barebones, yet elegantly designed theme written in valid (X)HTML 5
and using the Blueprint CSS framework. It works well on its own and is also
an excellent starting point for custom theme development.
The theme is suitable for use with a standard WordPress blog, but is also
designed for sites that use WordPress as a CMS, with a horizontal navigation
bar in the header area, with drop-down menus for secondary navigation.
Secondary navigation also appears in a sidebar menu when viewing appropriate
primary and secondary pages.
Credits and license:
Uses the Blueprint CSS framework:
http://www.blueprintcss.org/
Design, CSS and HTML are released under LGPL version 3:
http://www.gnu.org/licenses/lgpl-3.0-standalone.html
Last update: August 20, 2009
*/
/* STANDARD HTML TAGS */
body {
color: #1e1d1b;
font-family: 'Ubuntu', 'Ubuntu Medium', sans-serif;
}
a, a:visited {
text-decoration: none;
font-weight: 500;
color: #1e1d1b;
}
a:hover {
color: #036;
text-decoration: underline;
}
a:active, a:focus {
outline: none;
}
blockquote {
border-left: 0.5em solid #ccc;
font-size: 0.9em;
font-style: normal;
padding: 0 0 0 1em;
}
h1, h2, h3, h4, h5, h6 {
line-height: 20px;
font-weight: 300;
}
hr {
background: #eee;
color: #eee;
}
small {
color: #555;
font-size: 0.9em;
}
th {
background: #eee !important;
}
ul.inline {
display: block;
margin: 1em 0;
padding: 0;
}
ul.inline li {
display: inline;
margin: 0 0.5em 0 0;
}
/* CUSTOM CSS CLASSES */
.alignleft {
float: left; display: inline; /* IE6 fix */
padding: 0 1em 0.5em 0;
text-align: left;
}
.aligncenter {
display: block;
margin: 1.667em auto;
text-align: center;
}
.alignright {
float: right; display: inline; /* IE6 fix */
padding: 0 0 0.5em 1em;
text-align: right;
}
.alignjustify {
text-align: justify;
}
.commentlist {
clear: both;
list-style: none;
margin: 1em 0;
padding: 0;
}
.commentlist li {
border-bottom: 1px solid #eee;
margin: 0.5em 0;
}
.commentlist cite {
font-size: 1.2em;
font-style: normal;
}
.commentlist img {
border: 1px solid #eee;
float: left; display: inline; /* IE6 fix */
margin: 0 1em 0.5em 0;
padding: 4px;
text-align: left;
}
.commentlist p {
clear: both;
}
.commentlist .bypostauthor {
background: #eee;
border-left: 0.5em solid #ccc;
border-color: #ccc;
padding-left: 1em;
}
.commentmetadata {
color: #555;
font-size: 0.9em;
}
.entry {
}
h1.article-title a,
h2.article-title a{
font-weight:300;
}
.input label {
display: block;
font-size: 0.9em;
font-weight: normal;
}
.post {
margin: 0 0 3em 0;
}
.postmetadata {
clear: both;
color: #555;
font-size: 0.9em;
}
.wp-caption {
background: #eee;
border: 1px solid #ccc;
padding: 0.5em;
}
.wp-caption img {
border: 0;
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0;
}
/* DOM ELEMENTS */
#page {
}
#header {
height: 120px;
overflow: hidden;
* {
color: #555;
line-height: 1.3em;
text-decoration: none;
}
#headerimg {
background: transparent;
width: 950px;
}
h1 {
margin: 30px 0 0 0;
}
h1 a{
width: 270px;
height: 65px;
background: url(images/audio-lab_logo.png);
text-indent: -9999px;
display: block;
}
}
#nav {
font-weight: 500;
text-transform: uppercase;
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
float: left; display: inline; /* IE6 fix */
margin: 0;
padding: 0;
position: relative;
}
li:hover {
}
li a {
display: block;
padding: 0.2em 0.6em;
text-decoration: none;
color: #c5c6c5;
}
li:hover a{
color: #1e1d1b;
}
li ul {
display: none;
position: absolute;
z-index: 99;
}
li:hover ul {
background: #fff;
border: 1px solid #999;
display: block;
left: 0;
min-width: 150px;
top: 1.9em;
white-space: nowrap;
}
li:hover li {
background: #fff;
display: block;
float: none;
font-size: 0.9em;
margin: 0;
padding: 0;
}
li:hover li:hover {
background: #eee;
}
li:hover li a {
padding: 0.3em 0.5em;
}
}/* nav */
#content {
margin: 1.667em 0;
overflow: hidden;
}
#content h1 {
font-size: 2em;
margin: 0 0 0.833em 0;
}
#content h2 {
font-size: 1.8em;
margin: 0 0 0.909em 0;
}
#content h3 {
font-size: 1.5em;
margin: 1em 0 1.111em 0;
}
#sidebar {
font-size: 1.167em;
margin: 0em 0 0 0em;
overflow: hidden;
background-color: #e9e9e9;
.no-link>a{
cursor:default;
}
.no-link>a:hover{
text-decoration:none;
color: #ababab;
}
a {
color: #ababab;
text-transform:uppercase;
font-weight:500;
}
a:hover{
color:#333;
text-decoration:none;
}
ul {
list-style: none;
margin: 0 0 1.5em 0.714em;
padding: 0;
}
ul.parent-widgets{
margin:1.429em 1.429em 1.429em 0;
}
li.folded-menu ul{
display:none;
}
li.folded-menu.current_page_item ul,
li.folded-menu.current_page_parent ul
{
display:block;
}
ul ul{
font-size: 0.875em;
}
li {
margin: 0 0 0em 0;
}
h2 {
font-size: 1.2em;
margin: 0.5em 0;
}
h2 a {
color: #111;
text-decoration: none;
}
form {
margin-bottom: 1.5em;
}
div {
margin: 0 0 1.5em 0;
}
div a {
padding: 0 0.5em 0 0;
white-space: nowrap;
}
.widgettitle{
display:none;
}
}
#search-form{
float:right;
width: 230px;
background-color: #e9e9e9;
margin-top:-16px;
input{
margin:0;
font-family:'Ubuntu', sans-serif;
font-size:12px;
height: 16px;
border:0;
background-color:transparent;
width:100%;
}
input#searchsubmit{
display:none;
}
}
.screen-reader-text{
position: absolute !important;
clip: rect(1px,1px,1px,1px);
}
#footer {
color: #555;
font-size: 0.9em;
margin: 0 0 1.5em 0;
overflow: hidden;
}
#footer p {
margin: 0.5em 0;
}
#footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer li {
display: inline;
margin: 0 1em 0 0;
}

1
page.php Normal file
View File

@ -0,0 +1 @@
<?php include_once('single.php'); ?>

5
rss-lector.php Normal file
View File

@ -0,0 +1,5 @@
<?php
dynamic_sidebar('top');
?>

BIN
screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

15
searchform.php Normal file
View File

@ -0,0 +1,15 @@
<?php
/**
* The template for displaying search forms in Twenty Eleven
*
* @package WordPress
* @subpackage Twenty_Eleven
* @since Twenty Eleven 1.0
*/
?>
<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label for="s" class="screen-reader-text"><?php _e( 'Search', 'audilab' ); ?></label>
<input type="text" class="field" name="s" id="s" placeholder="<?php esc_attr_e( 'Search', 'audiolab' ); ?>" />
<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'audiolab' ); ?>" />
<input type="hidden" value="<?php echo qtrans_getLanguage(); ?>" name="lang"/>
</form>

18
share.php Normal file
View File

@ -0,0 +1,18 @@
<?php
$sharepath = get_option('siteurl') . '/wp-content/themes/' . get_option('stylesheet') . '/images/share_icons/';
?>
<ul class="inline share">
<li><a href="http://del.icio.us/post?url=<?php echo rawurlencode(trackback_url(false)); ?>&amp;title=<?php echo rawurlencode(get_the_title()); ?>" title="Share this on Del.icio.us..."><img src="<?php echo $sharepath; ?>delicious.png" alt="Del.icio.us" /></a></li>
<li><a href="http://digg.com/submit?phase=2&amp;url=<?php echo rawurlencode(trackback_url(false)); ?>&amp;title=<?php echo rawurlencode(get_the_title()); ?>" title="Share this on Digg..."><img src="<?php echo $sharepath; ?>digg.png" alt="Digg" /></a></li>
<li><a href="http://www.facebook.com/share.php?u=<?php echo rawurlencode(trackback_url(false)); ?>" title="Share this on Facebook..."><img src="<?php echo $sharepath; ?>facebook.png" alt="Facebook" /></a></li>
<li><a href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=<?php echo rawurlencode(trackback_url(false)); ?>&amp;title=<?php echo rawurlencode(get_the_title()); ?>" title="Share this on Google Bookmarks..."><img src="<?php echo $sharepath; ?>googlebookmark.png" alt="Google Bookmark" /></a></li>
<li><a href="http://www.stumbleupon.com/submit?url=<?php echo rawurlencode(trackback_url(false)); ?>&amp;title=<?php echo rawurlencode(get_the_title()); ?>" title="Share this on StumbleUpon..."><img src="<?php echo $sharepath; ?>stumbleupon.png" alt="StumbleUpon" /></a></li>
<li><a href="http://www.technorati.com/faves?add=<?php echo rawurlencode(trackback_url(false)); ?>" title="Share this on Technorati..."><img src="<?php echo $sharepath; ?>technorati.png" alt="Technorati" /></a></li>
<li><a href="http://twitter.com/home?status=Currently%20reading%20<?php echo rawurlencode(trackback_url(false)); ?>" title="Share this on Twitter..."><img src="<?php echo $sharepath; ?>twitter.png" alt="Twitter" /></a> </li>
</ul>

48
sidebar.php Normal file
View File

@ -0,0 +1,48 @@
<?php
if (is_page()) {
// Retrieve parent page navigation
global $wp_query;
if(empty($wp_query->post->post_parent)) {
$parent = get_the_ID();
$parent_title = get_the_title();
}
else {
$parent = $wp_query->post->post_parent;
$parent_data = get_post($parent);
$parent_title = $parent_data->post_title;
}
$wp_list_pages = wp_list_pages('title_li=&depth=1&child_of=' . $parent . '&echo=0');
}
?>
<div class="span-7">
<div id="sidebar" role="complementary" >
<?php //wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
<ul class="parent-widgets">
<?php
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar')) {
?>
<!-- Meta links -->
<li>
<h2>Meta</h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<?php wp_meta(); ?>
</ul>
</li>
<?php
}
?>
</ul>
</div><!-- id="sidebar" -->
<div id="contact">
<p class="emilio"></p>
<p>Kristobaldegi 14<br/>
Loiola Auzoa<br />
20014 Donostia - San Sebastián</p>
</div>
</div>

49
single.php Normal file
View File

@ -0,0 +1,49 @@
<?php get_header(); ?>
<div id="content" role="main" class="span-16 prepend-1 last">
<?php
if (have_posts()) {
while (have_posts()) {
the_post();
?>
<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<?php
if (get_post_meta($id, 'show_headline', true) !== '0') {
?><h1 class="article-title"><a href="<?php the_permalink()?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute() ?>"> <?php the_title() ?> </a></h1> <?php
}
?>
<div class="entry">
<?php the_content('Read more &raquo;'); ?>
</div>
<?php wp_link_pages(); ?>
<?php
if (file_exists(TEMPLATEPATH . '/share.php')) {
//include(TEMPLATEPATH . '/share.php');
}
?>
</div>
<?php
}
}
else {
?>
<h2>Not Found</h2>
<p>The content you have requested does not exist.</p>
<?php
}
?>
</div><!-- id="content" -->
<?php get_footer(); ?>

477
style.css Normal file
View File

@ -0,0 +1,477 @@
/*
Theme Name: Audiolab based on Room 34 Baseline
Version: 1.5
*/
/* STANDARD HTML TAGS */
body {
color: #1e1d1b;
font-family: 'Ubuntu', 'Ubuntu Medium', sans-serif;
}
a, a:visited {
text-decoration: none;
font-weight: 500;
color: #1e1d1b;
}
a:hover {
color: #036;
text-decoration: underline;
}
a:active, a:focus {
outline: none;
}
blockquote {
border-left: 0.5em solid #ccc;
font-size: 0.9em;
font-style: normal;
padding: 0 0 0 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 20px;
font-weight: 300;
}
hr {
background: #eee;
color: #eee;
}
small {
color: #555;
font-size: 0.9em;
}
th {
background: #eee !important;
}
ul.inline {
display: block;
margin: 1em 0;
padding: 0;
}
ul.inline li {
display: inline;
margin: 0 0.5em 0 0;
}
/* CUSTOM CSS CLASSES */
.alignleft {
float: left;
display: inline;
/* IE6 fix */
padding: 0 1em 0.5em 0;
text-align: left;
}
.aligncenter {
display: block;
margin: 1.667em auto;
text-align: center;
}
.alignright {
float: right;
display: inline;
/* IE6 fix */
padding: 0 0 0.5em 1em;
text-align: right;
}
.alignjustify {
text-align: justify;
}
.commentlist {
clear: both;
list-style: none;
margin: 1em 0;
padding: 0;
}
.commentlist li {
border-bottom: 1px solid #eee;
margin: 0.5em 0;
}
.commentlist cite {
font-size: 1.2em;
font-style: normal;
}
.commentlist img {
border: 1px solid #eee;
float: left;
display: inline;
/* IE6 fix */
margin: 0 1em 0.5em 0;
padding: 4px;
text-align: left;
}
.commentlist p {
clear: both;
}
.commentlist .bypostauthor {
background: #eee;
border-left: 0.5em solid #ccc;
border-color: #ccc;
padding-left: 1em;
}
.commentmetadata {
color: #555;
font-size: 0.9em;
}
h1.article-title a, h2.article-title a {
font-weight: 300;
}
.input label {
display: block;
font-size: 0.9em;
font-weight: normal;
}
.post {
margin: 0 0 3em 0;
}
.postmetadata {
clear: both;
color: #555;
font-size: 0.9em;
}
.wp-caption {
background: #eee;
border: 1px solid #ccc;
padding: 0.5em;
}
.wp-caption img {
border: 0;
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0;
}
/* DOM ELEMENTS */
#header {
height: 140px;
overflow: hidden;
}
#header * {
color: #555;
line-height: 1.3em;
text-decoration: none;
}
#header #headerimg {
background: transparent;
width: 950px;
}
#header h1 {
margin: 30px 0 0 0;
}
#header h1 a {
width: 270px;
height: 65px;
background: url(images/audio-lab_logo.png);
text-indent: -9999px;
display: block;
}
#nav {
font-weight: 500;
text-transform: uppercase;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
float: left;
display: inline;
/* IE6 fix */
margin: 0;
padding: 0;
position: relative;
}
#nav li a {
display: block;
padding: 0.2em 0.6em;
text-decoration: none;
color: #c5c6c5;
}
#nav li:hover a {
color: #1e1d1b;
}
#nav li ul {
display: none;
position: absolute;
z-index: 99;
}
#nav li:hover ul {
background: #fff;
border: 1px solid #999;
display: block;
left: 0;
min-width: 150px;
top: 1.9em;
white-space: nowrap;
}
#nav li:hover li {
background: #fff;
display: block;
float: none;
font-size: 0.9em;
margin: 0;
padding: 0;
}
#nav li:hover li:hover {
background: #eee;
}
#nav li:hover li a {
padding: 0.3em 0.5em;
}
/* nav */
#content {
margin: 0 0 1.667em 0;
overflow: hidden;
}
#content h1 {
font-size: 2em;
margin: 0 0 0.833em 0;
}
#content h2 {
font-size: 1.8em;
margin: 0 0 0.909em 0;
}
#content h3 {
font-size: 1.5em;
margin: 1em 0 1.111em 0;
}
#sidebar {
font-size: 1.167em;
margin: 0em 0 0 0em;
overflow: hidden;
background-color: #e9e9e9;
}
#sidebar .no-link > a {
cursor: default;
}
#sidebar .no-link > a:hover {
text-decoration: none;
color: #ababab;
}
#sidebar a {
color: #ababab;
text-transform: uppercase;
font-weight: 500;
}
#sidebar a:hover {
color: #333;
text-decoration: none;
}
#sidebar ul {
list-style: none;
margin: 0 0 1.5em 0.714em;
padding: 0;
}
#sidebar ul.parent-widgets {
margin: 1.429em 1.429em 1.429em 0;
}
#sidebar li.folded-menu ul {
display: none;
}
#sidebar li.folded-menu.current_page_item ul, #sidebar li.folded-menu.current_page_parent ul {
display: block;
}
#sidebar ul ul {
font-size: 0.875em;
}
#sidebar li {
margin: 0 0 0em 0;
}
#sidebar h2 {
font-size: 1.2em;
margin: 0.5em 0;
}
#sidebar h2 a {
color: #111;
text-decoration: none;
}
#sidebar form {
margin-bottom: 1.5em;
}
#sidebar div {
margin: 0 0 1.5em 0;
}
#sidebar div a {
padding: 0 0.5em 0 0;
white-space: nowrap;
}
#sidebar .widgettitle {
display: none;
}
#search-form {
float: right;
width: 230px;
background-color: #e9e9e9;
margin-top: -16px;
}
#search-form input {
margin: 0;
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
height: 16px;
border: 0;
background-color: transparent;
width: 100%;
}
#search-form input#searchsubmit {
display: none;
}
.screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
#footer {
color: #555;
font-size: 0.9em;
margin: 0 0 1.5em 0;
overflow: hidden;
}
#footer p {
margin: 0.5em 0;
}
#footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer li {
display: inline;
margin: 0 1em 0 0;
}
#contact{
margin: 1.5em 0.714em;
padding: 0;
color: #ababab;
}
.ngg-slideshow{
margin-bottom: 1em;
}
blockquote{
background-color: #e9e9e9;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
blockquote p{
margin-bottom: 0.5em;
}
#featured-slider{
width: 470px;
height: 300px;
}
#featured-posts{
margin-bottom: 4em;
position: relative;
}
#featured-posts ul{
}
.featured-wrapper{
position: relative;
}
.featured-single-title{
background-color: #e9e9e9;
position: absolute;
top: 1em;
left: 1em;
padding: 0.25em;
}
#featured-posts h2{
margin-bottom: 0;
}
#featured-posts a{
font-weight: normal;
}
#featured-thumbs{
position: absolute;
top: 0;
left: 470px;
}
#featured-thumbs ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.attachment-featured-image { display:none;height:100%; }
.feature-single-image { height:100%;}
a.featured-thumb-image{
width:100%;
max-width: 150px;
height: 93px;
display: block;
margin-left: 10px;
margin-bottom: 10px;
padding: 0;
opacity: 0.5;
}
#featured-thumbs a.activeSlide{
opacity: 1;
}
.post-content{
padding: 0 0.5em;
}
.post-thumbnail{
}
.front_post{
width: 200px;
float: left;
background-color: #e9e9e9;
margin: 0 10px 2em 0;
font-weight: normal;
}
.front_post:hover{
text-decoration: none;
color: #1e1d1b;
}
#rss-lector{
border-bottom: 1px dashed #ababab;
font-size: 0.833em;
padding: 1em;
color: #ababab;
}
#rss-lector a{
color: #ababab;
}
#rss-lector ul{
list-style-type: none;
margin: 0;
}
.hide{
display: none;
}
#rss-lector .widgettitle{
font-size: 1em;
float: left;
padding-right:1em;
}
#rss-lector img{
display: none;
}