Audiolab Template
11
404.php
Normal 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
After Width: | Height: | Size: 112 B |
1
blueprint/ie.css
Normal 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; }
|
BIN
blueprint/plugins/buttons/icons/cross.png
Normal file
After Width: | Height: | Size: 655 B |
BIN
blueprint/plugins/buttons/icons/key.png
Normal file
After Width: | Height: | Size: 455 B |
BIN
blueprint/plugins/buttons/icons/tick.png
Normal file
After Width: | Height: | Size: 537 B |
32
blueprint/plugins/buttons/readme.txt
Normal 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>
|
97
blueprint/plugins/buttons/screen.css
Normal 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;
|
||||||
|
}
|
14
blueprint/plugins/fancy-type/readme.txt
Normal 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.
|
71
blueprint/plugins/fancy-type/screen.css
Normal 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">“</span>asdf”
|
||||||
|
(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;
|
||||||
|
}
|
BIN
blueprint/plugins/link-icons/icons/doc.png
Normal file
After Width: | Height: | Size: 777 B |
BIN
blueprint/plugins/link-icons/icons/email.png
Normal file
After Width: | Height: | Size: 641 B |
BIN
blueprint/plugins/link-icons/icons/external.png
Normal file
After Width: | Height: | Size: 46 KiB |
BIN
blueprint/plugins/link-icons/icons/feed.png
Normal file
After Width: | Height: | Size: 691 B |
BIN
blueprint/plugins/link-icons/icons/im.png
Normal file
After Width: | Height: | Size: 741 B |
BIN
blueprint/plugins/link-icons/icons/pdf.png
Normal file
After Width: | Height: | Size: 591 B |
BIN
blueprint/plugins/link-icons/icons/visited.png
Normal file
After Width: | Height: | Size: 46 KiB |
BIN
blueprint/plugins/link-icons/icons/xls.png
Normal file
After Width: | Height: | Size: 663 B |
18
blueprint/plugins/link-icons/readme.txt
Normal 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">
|
40
blueprint/plugins/link-icons/screen.css
Normal 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); }
|
10
blueprint/plugins/rtl/readme.txt
Normal 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">
|
109
blueprint/plugins/rtl/screen.css
Normal 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
@ -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
65
blueprint/src/forms.css
Normal 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
@ -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
After Width: | Height: | Size: 161 B |
76
blueprint/src/ie.css
Normal 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
@ -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
@ -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; }
|
106
blueprint/src/typography.css
Normal 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
@ -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 »</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
After Width: | Height: | Size: 92 B |
12
footer.php
Normal 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
@ -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
@ -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
@ -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('«', 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
After Width: | Height: | Size: 2.4 KiB |
BIN
images/audio-lab_logo.png
Normal file
After Width: | Height: | Size: 7.0 KiB |
BIN
images/audio-lab_logo_OLD.png
Normal file
After Width: | Height: | Size: 5.2 KiB |
BIN
images/share_icons/delicious.png
Normal file
After Width: | Height: | Size: 160 B |
BIN
images/share_icons/designfloat.gif
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
images/share_icons/digg.png
Normal file
After Width: | Height: | Size: 276 B |
BIN
images/share_icons/facebook.png
Normal file
After Width: | Height: | Size: 243 B |
BIN
images/share_icons/googlebookmark.png
Normal file
After Width: | Height: | Size: 680 B |
BIN
images/share_icons/mixx.png
Normal file
After Width: | Height: | Size: 211 B |
BIN
images/share_icons/sphinn.gif
Normal file
After Width: | Height: | Size: 917 B |
BIN
images/share_icons/stumbleupon.png
Normal file
After Width: | Height: | Size: 998 B |
BIN
images/share_icons/technorati.png
Normal file
After Width: | Height: | Size: 478 B |
BIN
images/share_icons/twitter.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
75
index.php
Normal 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 »'); ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
if (file_exists(TEMPLATEPATH . '/share.php')) {
|
||||||
|
//include(TEMPLATEPATH . '/share.php');
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<div class="navigation">
|
||||||
|
<div class="alignleft"><?php next_posts_link('« Older Entries') ?></div>
|
||||||
|
<div class="alignright"><?php previous_posts_link('Newer Entries »') ?></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
1
js/jquery.cycle2.js.map
Normal file
16
js/jquery.cycle2.min.js
vendored
Normal file
36
js/scripts.js
Normal 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
@ -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;
|
||||||
|
}
|
5
rss-lector.php
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
dynamic_sidebar('top');
|
||||||
|
|
||||||
|
?>
|
BIN
screenshot.png
Normal file
After Width: | Height: | Size: 14 KiB |
15
searchform.php
Normal 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
@ -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)); ?>&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&url=<?php echo rawurlencode(trackback_url(false)); ?>&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&bkmk=<?php echo rawurlencode(trackback_url(false)); ?>&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)); ?>&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
@ -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
@ -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 »'); ?>
|
||||||
|
</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
@ -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;
|
||||||
|
}
|
||||||
|
|