Theme:
Template for Audio nodes.
Removed 'submitted by', restricted node classes to just one 'term' - in this case 'dash', to save having to rewrite the same CSS for each audio category.
<div class="cnr-dash">
<div class="tax-dash">
<div class="node<?php print ($sticky) ? " sticky" : ""; ?>">
<?php if ($page == 0): ?>
<h2><a href="<?php print $node_url ?>" title="<?php print $title ?>"><?php print $title ?></a></h2>
<?php endif; ?>
<div class="content">
<?php print $content ?>
</div>
<br class="clear" />
<?php if ($links): ?>
<div class="links"><?php print $links ?></div>
<br class="clear" />
<div class="service-links">
<?php print $service_links ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<br class="clear" />CSS Stylesheet for Skip The Budgie.
Well this is where the magic happens! Where possible I try to add in the css for contributed modules as well so that I can change things easily and we don't end up with the browser calling millions of stylesheets.
/* CSS Document */
/* www.skipthebudgie.org */
/*********************/
/* STANDARD ELEMENTS */
/*********************/
/* Colors and borders */
body, #search, #mission {
color: #000;
}
body {
background: #ead0b5 url('/themes/img/bg_gradient.png') fixed;
font-size: 70%;
font-weight: 400;
font-family: Verdana, sans-serif;
text-align: center;
voice-family: "\"}\"";
voice-family: inherit;
}
a, a:link {
color: #369;
voice-family: "\"}\"";
voice-family: inherit;
}
a:visited {
color: #2d5986;
text-decoration: none;
}
a:hover {}
a:focus { color: #000; }
a:active { color: #606; }
a, li a, div.links a, li a:hover, div.links a:hover, #site-name a {
text-decoration: none !important;
}
ul, dl {
padding: 0px 0px 0px 5px;
margin: 0px;
}
li, dd, div.links a {
margin: 0px 0px 3px 0px;
padding: 0px;
font-weight: 400;
font-size: 11px;
font-family: Arial, sans-serif;
}
ul li, dd, div.links a {
list-style-type: none;
}
dd {
padding: 0px 20px 0px 20px;
}
.main-content .node .content li {
padding: 0 10px 2px 10px;
}
div.links {
line-height: 16px;
}
img { border: 0; }
.sidebar .block {
background: inherit;
}
.more-link a, .main-content .node .content a, .comment .content a, li a:hover, audio_block a:hover, div.links a:hover, .links a.read-more:hover, .main-content .node .terms a:hover { border-bottom: 1px dashed #990000; }
.more-link a:hover, .main-content .node .content a:hover, .comment .content a:hover, audio_block a { border-bottom: 1px solid #2C5E92; }
.main-content .node .content .book-navigation a, .main-content .node .content .book-navigation a:hover, .main-content .node .content .see_footnote a, .main-content .node .content .see_footnote a:hover {
border: 0;
}
.main-content .node .content .see_footnote a {
color: #900;
font-weight: 700;
}
.main-content .node .content .see_footnote a:hover {
color: #369;
}
.main-content .node .info, .main-content .node .terms, .box h2, .main-content .node .content .book-navigation a:hover { color: #999; }
.box { border: 1px solid #999; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; font-weight: bold;}
h4, h5, h6 { font-size: 0.9em; font-weight: bold;}
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, Lucida, Verdana, sans-serif;
}
p, .book .body {
padding: 0 0 1em 0;
margin: 0;
font-size: 1em;
line-height: 1.6em;
}
blockquote {
color: #000;
margin: 10px 20px;
padding: 10px;
border-left: 2px solid #369;
clear: both;
background: #eee;
font-family: Georgia, "Times New Roman", Times, serif;
}
code {}
.firstLetter {
float: left;
color: #999;
font-size: 90px;
line-height: 60px;
padding: 2px 2px 0px 5px;
font-family: Georgia, "Times New Roman", Times, serif;
}
/*************/
/* CORNERS */
/*************/
#mainCorners {
margin: auto;
margin-top: 0px;
width: 720px;
}
#mainCorners, .cnr-holistic, .cnr-faculty, .cnr-st_pauls, .cnr-reviews, .cnr-melody, .cnr-worldly, .cnr-dash, .cnr-snow_crash, .cnr-indiaBlog, .cnr-melody {
padding: 5px 0px;
}
.cnr-tekky, .cnr-java, .cnr-advent, .cnr-listenings {
padding: 2px 0px;
}
/********************/
/* MAIN CONTAINER */
/********************/
#mainContainer {
font-size: 11px;
text-align: left;
background: #fff;
}
#mainContainer #content-right .node img {
text-decoration: none;
border: 1px solid #000;
}
#mainContainer #content-right .node a img:hover {
border: 1px solid #369;
}
#sidebar-right {
padding: 14px 5px 50px 5px;
float: right;
width: 186px;
background: #eee url('/themes/img/sidebar_gradient.png') fixed;
/* IE 5+ Box Model Hack*/
voice-family: "\"}\"";
voice-family: inherit;
width: 176px;
}
#sidebar-left {
float: left;
padding: 14px 0;
width: 142px;
/* IE 5+ Box Model Hack*/
voice-family: "\"}\"";
voice-family: inherit;
width: 132px;
}
#content-right, #aggregator {
float: left;
padding: 10px;
background: inherit;
width: 530px;
voice-family: "\"}\"";
voice-family: inherit;
width: 509px;
}
/******************/
/* HEADER */
/******************/
#logo {
float: right;
margin: 14px 14px 14px 0px;
border: 1px solid #000;
background: #eee;
}
#header {
position: relative;
padding: 5px 0 0 0;
margin: 0;
background: #eee;
}
#site-name {
font-family: Futura, Arial, Helvetica, sans-serif;
margin: -5px 0px 0px 20px;
padding-bottom: 3px;
font-weight: lighter;
font-size: 44px;
font-stretch: narrower
}
#site-name a {
color: #6F89A1;
}
#site-slogan {
clear: both;
float: right;
font-weight: bold;
font-size : 1.2em;
padding: 0 0 0 1.2em;
margin: 0;
}
#flickr-bar {
border-top: 0.1em solid #999;
border-bottom: 0.1em solid #999;
height: 122px;
background: #ddd;
}
#flickr_badge_uber_wrapper { margin-left: 9px; }
#flickr_badge_uber_wrapper img { margin: 9px 5px; }
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img { border: 1px solid black !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
/* ### NAVBAR ### */
#top-nav {
background: #fff;
border-bottom: 1px dotted #999;
}
#primary, #secondary {
background: #fff;
}
#secondary, .main-content .node .footnotes {
border-top: 1px dotted #999;
}
#top-nav, #secondary {
padding: 0;
height: 26px;
}
#primary li, #secondary li {
display: inline;
text-align: center;
}
#primary li a, #secondary li a {
color: #999;
padding: 6px;
width: 60px;
float: right;
text-align: center;
text-decoration: none;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
#primary li a:hover, #secondary li a:hover {
background: #eee url('/themes/img/buttonBackground.gif') repeat-x;
border-right: 1px dashed #ccc;
border-left: 1px dashed #ccc;
text-decoration: none !important;
}
#primary li a:hover {
border-bottom: 1px dashed #ccc;
}
#secondary li a:hover {
border-bottom: 0;
}
/***************/
/* CONTENT */
/***************/
#mission {
padding: 5px 10px;
margin: 0 0 1.6em 0;
font-size: 1.1em;
font-weight: bold;
font-variant: small-caps;
text-indent: 0;
text-align: center;
width: auto;
background: #eee url('/themes/img/bannerBackground.gif') repeat-x;
border: solid 1px #999;
}
.breadcrumb {
float: left;
padding: 0.5em 1em;
font-size: 1em;
font-weight: bold;
margin: 0;
height: 1em;
}
#content {
width: 100%;
margin: 0;
padding: 0;
font-size: 1em;
background: #eee;
}
td.main-content {
vertical-align: top;
padding: 0em 0em;
}
.main-content .node {
padding: 0;
}
.feed-item {
background: #eee;
padding: 10px;
}
.main-content .node .content, .comment .content, .book .body {
line-height: 1.5em;
text-align: justify;
}
#flickr-bar .content-title {
text-align: left;
font-size: 2em;
padding: 2em;
margin: 0 0 0.5em 0;
color: #000;
}
.main-content .content-title {
font-size: 2em;
padding: 0.2em 0.5em;
margin: 0 0 0.5em 0;
}
.main-content .node h2, .main-content h2, .main-content .feed-item .node h2 {
padding: 0.2em 0.5em;
margin: 0 0 0.25em 0;
font-size: 1.8em;
text-align: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-variant: small-caps;
color: #2C5E92;
border-bottom: 1px solid #999;
}
.main-content .feed-item .node h2, .main-content .tax-listenings .node h2, .tax-listenings .liHead {
font-size: 1em;
text-align: left;
}
.tax-listenings .liHead {
padding: 0.2em 0.5em;
margin: 0 0 0.25em 0;
font-variant: small-caps;
font-family: Georgia, "Times New Roman", Times, serif;
}
.headerBG, .main-content .node h2, .main-content h2, .node .content .box h2, .main-content .box h2, .tax-listenings .liHead {
background: #eee url('/themes/img/bannerBackground.gif') repeat-x;
}
.main-content .node .info {
font-size: 0.9em;
}
.main-content .node .links, .comment .author, #aggregator .feed-item .feed-item-categories {
border-top: 1px dotted #ddd;
}
.main-content .node .links, .main-content .node .terms, #aggregator .feed-item .feed-item-categories {
font-size: 0.9em;
font-weight: bold;
}
.main-content .node .info, .main-content .node .links, #aggregator .feed-item .feed-item-categories {
padding-right: 1em;
text-align: right;
}
.main-content .node .terms {
margin-top: -12px;
text-indent: 2em;
float: left;
font-weight: bold;
}
.main-content .sticky {
padding: 0;
border: 1px solid #369;
}
.main-content .node .content, #aggregator .feed-item .feed-item-body {
padding: 1em;
margin: 0 0 0.5em 0;
}
#aggregator .feed-item .feed-item-body {
text-align: justify;
}
.main-content .node .links, #mission {
font-family: Helvetica, Arial, Lucida, Verdana, sans-serif;
}
.main-content .box, .main-content .content .box {
border: 1px solid #999;
margin-bottom: 0.5em;
}
.main-content .box .content {
padding: 0.5em;
}
.main-content .box h2 {
padding: 0.5em 1em;
margin: 0;
font-size: 1.2em;
text-align: left;
}
.main-content .box {
margin-right: 0.5em;
}
/* trackbacks */
.node .content .box {
margin-top: 1.5em;
}
.node .content .box h2 {
padding: 0.2em;
margin: 0;
font-size: 1em;
text-align: left;
text-indent: 1em;
}
.node .content .box .content {
padding: 0.2em;
font-size: 0.9em;
}
/* end trackbacks */
.main-content .box .content .form-item textarea,
.form-item textarea {
width: 490px;
}
.main-content li {
padding-bottom: 0.25em;
}
ul.track {
margin-bottom: 1em;
}
/**********************/
/* TAXONOMY CLASSES */
/**********************/
/*
.tax-dash - for all audio
.tax-holistic
.tax-reviews
.tax-st_pauls
.tax-melody
.tax-indiaBlog
.tax-tekky
.tax-worldly
.tax-gigs
.tax-advent
.tax-quotes
.tax-listenings
*/
/*variables
.tax- .node .title
.tax- .node .content
.tax- .node .info
.tax- .node .terms
.tax- .node .links
.tax- .node .menu
*/
.tax-tekky, .tax-java, code {
font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace;
}
.tax-tekky, .tax-java {
color: #000;
padding: 0;
margin: 0;
background: #ddd;
}
.tax-tekky .node h2, .tax-tekky .node h2 a, .tax-java .node h2, .tax_java .node h2 a {
color: #900;
border-bottom: 0px;
background: #ddd;
background-image: none;
}
.tax-reviews .node .content a {
color: #000;
}
.tax-reviews {
color: #2C5E92;
padding: 0;
margin: 0;
}
.tax-dash .node, .tax-playlists .node {
background: #fff;
}
.tax-holistic .node, .tax-listenings .node {
background: #e7e7e7;
border: 1px solid #ddd;
}
.tax-reviews .node, .tax-reviews .node h2 {
background: #eee;
}
.tax-indiaBlog .node h2, .tax-reviews .node h2 {
color: #900;
text-align: left;
text-indent: 1em;
border-bottom: 0px;
background-image: none;
}
.tax-indiaBlog .node h2 {
background: #fff;
text-indent: 0em;
font-style: italic;
}
.tax-reviews .node h2 a, .tax-tekky .content .box h2 {
color: #900;
}
.tax-indiaBlog .node h2 a {
color: #239e46;
}
.tax-reviews .node .content {
padding: 1em 4em;
}
.tax-reviews .node .info, .tax-reviews .node .terms {
color: #999;
}
.tax-indiaBlog .node .menu, .tax-site .node .menu, .tax-melody .node .menu {
border: none;
}
.main-content .tax-indiaBlog .book .links, .main-content .tax-site .book .links, .main-content .tax-melody .book .links {
border: none;
}
.tax-indiaBlog, .tax-gigs, .tax-site, .tax-melody {
padding: 10px;
}
.tax-faculty, .tax-indiaBlog, .tax-gigs, .tax-site, .tax-melody {
background: #fff;
}
.tax-melody .node .content {
text-align: center;
}
.tax-indiaBlog .node, .tax-quotes .node,
.tax-reviews .node .content .book-navigation .page-links, .tax-melody .node .content .book-navigation .page-links {
font-size: 1.1em;
line-height: 1.5em;
}
#mainContainer #content-right .node .content em, .quotes-author {
font-family: Georgia, "Times New Roman", Times, serif;
}
/**********/
/* QUOTES */
/**********/
.bqstart {
float: left;
height: 35px;
margin-left: 10px;
margin-top: -25px;
padding-top: 45px;
margin-bottom: -50px;
font-size: 600%;
color: #eee;
}
.bqend {
float: right;
height: 25px;
margin: -20px 10px 10px 10px;
padding: 0 0 0 10px;
font-size: 600%;
color: #eee;
}
.block-quotes .bqstart {
color: #fff;
padding: 0;
margin: -15px 0px -40px 0;
}
.block-quotes .bqend {
color: #fff;
padding: 0 5px 0 0;
margin: -50px 0 0 0;
}
.tax-quotes {
padding: 0;
background: #fff;
}
.tax-quotes p {
text-indent: 30px;
margin: 0;
padding: 0;
}
.quotes-author {
font-weight: bold;
text-align: right;
font-style: italic;
padding-right: 30px;
}
.block-quotes .quotes-author {
padding: 0;
}
.quotes-author a {
color: #999;
}
.quotes-author a:hover {
color: #000;
}
.tax-quotes .node .content {
margin: 0 0 -10px 0;
}
#block-quotes-1 p {
text-indent: 30px;
margin-top:2px;
padding:0;
}
dt {
font-size: 0.9em;
}
/*****************/
/* FLICKR IMAGES */
/*****************/
.main-content .node .terms a, .node .content .flickrLeft a, .node .content .flickrRight a, .node .content .flickrMid a, .node .content .flickrBig a, .node .content .flickrLeft a:hover, .node .content .flickrRight a:hover, .node .content .flickrMid a:hover, .node .content .flickrBig a:hover, .content .main-content .flickrSet a, .content .main-content .flickrSet a:hover {
border: none;
}
.main-content .node .terms a:hover {
color: #000;
}
.tax-advent .flickrBig img {
border: 1px solid #369;
}
.flickrSet {
float: right;
padding: 0px;
margin: 2px;
}
.flickrMid {
text-align: center;
padding: 10px;
}
.flickrLeft {
float: left;
padding: 10px 10px 10px 0;
}
.flickrRight {
float: right;
padding: 10px 0px 10px 10px;
}
.flickrBig {
padding: 10px 0;
text-align: center;
clear: both;
}
#aggregator .feed-item .feed-item-body img {
text-align: center;
clear: both;
}
/************************/
/* SIDEBAR AND BLOCKS */
/************************/
td.sidebar {
vertical-align: top;
padding: 0;
width: 200px;
}
div.calendar, div.menu, div.audio_block, .block-event div.content {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dashed #999;
}
.sidebar .block {
margin: 0 5px 5px 5px;
padding: 0 5px 5px 5px;
background: inherit;
}
.sidebar .block h2 {
margin: 0;
color: #900;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 400;
font-size: 12px;
font-variant: small-caps;
}
.sidebar .block h3 {
margin: 0 0 0.3em 0;
}
.sidebar .block-search input.form-text {
width: 100px;
padding: 1px;
margin-right: 5px;
}
.sidebar .block-search button.form-submit {
width: 60px;
font-size: 12px;
}
.more-link {
float: none;
text-align: right;
font-style: italic;
}
.item-list {
margin: 0.25em 0 0 0;
font-size: 0.9em;
}
.item-list ul {
list-style: none;
margin: 0 0 0.5em 0;
padding: 0;
}
.item-list ul li {
margin: 0 0 0.25em 0;
padding: 0 0 0 1em;
line-height: 1.3em;
list-style: none;
}
#block-block-2, #block-block-5 {
text-align: center;
}
#block-block-2 .content p {
text-indent: 0em;
}
#block-block-5 .content p {
font-size: 0.9em;
}
#block-menu-502 {
float: left;
}
#block-menu-512 {
float: right;
}
#block-menu-512, #block-menu-502 {
display: inline;
width: 45%;
margin: 10px;
padding: 0 0 5px 0;
background: #fff;
border: 1px solid #999;
}
/************/
/* SEARCH */
/************/
#search {
margin: 5px -20px 0 0;
float: right;
width: 200px;
}
#search .form-text {
margin-right: 3px;
padding: 3px;
}
#search .form-submit {
padding: 2px;
}
/**************/
/* COMMENTS */
/**************/
.cnr-comment-odd, .cnr-comment-even {
margin: 1em 0;
}
.cnr-comment-odd .comment {
background: #ddd;
}
.cnr-comment-even .comment {
background: #eee;
}
.cnr-comment .comment {
background: #eee;
}
.comment-new .new {
float: right;
color: #900;
font-size: 1.1em;
display: block;
padding: 0 1em 0 0;
width: 10%;
}
.comment .author, .comment .links {
color: #333;
}
.comment .title, .comment .title a.active {
color: #444;
background: inherit;
}
.comment-new .new, .comment .links, .comment .author {
text-align: right;
}
.comment-folded {
padding: 0.5em;
margin: 1.5em 0;
}
.comment .content, .comment .content p {
padding: 0.5em 1em;
line-height: 1.6em;
text-indent: 0;
}
.comment .author, .comment .links {
font-family: Helvetica, Arial, Lucida, Verdana, sans-serif;
}
.comment .author {
font-size: 0.9em;
padding: 0.1em 0.5em 0.1em 0;
margin-top: 0.75em;
}
.comment .links {
padding: 0.1em 0.5em 0 0;
margin: 0;
}
/************/
/* FOOTER */
/************/
#footer {
padding: 1em 1em 1em 1em;
font-size: 0.9em;
text-align: center;
color: #666;
background: #fff;
border-top: solid 1px #999;
}
#footer p {
text-indent: 0;
margin-bottom: 1em;
}
#mainContainer #footer img, #mainContainer #footer a img:hover, #mainContainer .headerBG img, #mainContainer .headerBG img:hover, .content .service-links a, .content .service-links a:hover{
border: 0px;
}
/***********/
/* FORMS */
/***********/
form {
padding: 0;
/*margin: 0;*/
}
input, textarea {
background: #fff;
color: inherit;
border: 1px solid #777;
}
select {
background: #fff;
color: #000;
margin: 1px 5px;
}
input:focus, textarea:focus {
background: #fff;
border: 1px solid #2C5E92;
}
.form-submit {
margin: 0;
}
.form-item {
margin: 3px 0;
padding: 0.3em 0;
}
.form-item .label {
margin-bottom: 5px;
}
input.form-text {
margin: 0;
padding: 3px 5px;
font-size: 12px;
border: solid 1px #ddd;
}
button.form-submit {
margin: 0;
padding: 0;
font-size: 12px;
background: #eee;
border: solid 1px #ddd;
}
h3.form-title {
text-align: left;
}
form .form-item .title {
margin-bottom: 0.5em;
padding: 0.3em 0;
text-align: left;
border-bottom: #ddd solid 1px;
color: #777;
background: transparent;
}
.form-radio, .form-checkbox {
background: transparent;
border: 0;
}
/**********/
/* MISC */
/**********/
#mainContainer #content-right .feed-icon img,
#mainContainer #content-none .feed-icon img {
margin: 5px;
border: 0;
}
.feed-icon-wrapper {
text-align: center;
}
.menu li {
list-style-image: none;
list-style-type: none;
}
.container-inline {
margin: 0 0 1.6em 0;
}
.container-inline div {
display: inline;
}
#pager {
text-align: center;
}
#pager div {
padding: 0.5em;
}
/* IE hacks */
* html .main-content .pager-next {
\margin-right: 5px;
/* You may have to adjust this manually!!! */
}
* html .main-content td .pager-next {
\margin-right: 0px;
}
.page-num {
margin-left: .5em;
margin-right: .5em;
}
#message {
background: #fff;
border: 2px solid #6e2;
padding: 2em;
margin: 1em 2em;
}
div.picture {
float: left;
margin: 0 1em 0.3em 0;
border: 0;
}
br.clear {
clear: both;
}
.marker, .error { color: #f00; }
.ok { color: #080; }
.path a, .path a:visited { color: #777; }
fieldset { border: 1px solid #999; }
#flickr-bar ul.primary {
margin: -18px 0 0 0;
}
.tabs li .active, .tabs li .active:hover {
color: #ccc;
background: #fff;
}
pre {
padding: 0.75em 1.5em;
font-size: 12px;
background: #ddd;
border: 1px solid #aaa;
}
.calendar td, .calendar th { border-color: #eee; }
.calendar .day-normal { background: #fff; }
.calendar .day-future { background: #fff; }
.calendar .day-today { background: #333; color: #fff; }
.calendar .day-today a { color: #fff; }
.calendar .day-selected { background: #555; color: #fff; }
.calendar .day-link { background: #ddd; color: #fff; }
/*******************/
/* Book Navigation */
/*******************/
.clear-block:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear-block {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear-block {
height: 1%;
}
.clear-block {
display: block;
}
/* End hide from IE-mac */
.book-navigation, .content .book-navigation .page-links {
margin-top: 2em;
}
.book-navigation .page-previous {
text-align: right;
width: 42%;
display: block;
float: left;
}
.book-navigation .page-up {
margin: 0 5%;
width: 4%;
display: block;
float: left;
}
.book-navigation .page-next {
text-align: left;
width: 42%;
display: block;
float: left;
}
.tax-listenings .book-navigation .page-next,
.tax-listenings .book-navigation .page-last {
text-align: left;
float: right;
}
.tax-listenings .book-navigation .page-previous, .tax-listenings .book-navigation .page-first {
text-align: right;
float: left;
}
.tax-listenings .book-navigation .page-previous, .tax-listenings .book-navigation .page-first, .tax-listenings .book-navigation .page-next,
.tax-listenings .book-navigation .page-last {
display: block;
width: 21%;
}
/*******************/
/* CONTRIB MODULES */
/*******************/
/* CSS from contributed modules */
/*********/
/* AUDIO */
/*********/
div.audio-node {
overflow: hidden;
}
ul.audio {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.audio li {
float: left;
margin: 1em;
}
ul.audio-info {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.audio-info li {
margin: 2px 0;
padding-left: 5px;
}
div.audio-image {
text-align: center;
float: right;
padding: 5px;
margin-left: 10px;
background-color: #ccc;
}
div.audio-image img {
border: 1px solid #999;
}
/****************/
/* AUDIO-ATTACH */
/****************/
these CSS classes wrap around the audio.css classes
*/
.audio-attach-body {
margin-top: 1em;
}
.audio-attach-teaser {
border:solid #dcdcdc 1px;
width:200px;
padding:5px;
margin-top: 1em;
}
.audio-attach-preview {
margin-top: 1em;
}
/************/
/* PLAYLIST */
/************/
#list {
margin:0px;
margin-top:0px;
margin-left:25px;
padding:3px;
list-style-type: decimal-leading-zero;
}
#list li {
margin:0px;
padding:1px;
border:0px solid #888;
cursor:move;
}
/******************/
/* audio_playlist */
/******************/
.xspf-player {
margin-bottom: 10px;
margin-right: 10px;
margin-top:3px;
margin-left:2px;
}
.xspf-player-slim {
margin-bottom: 10px;
margin-right:10px;
}
a.xspf-pop-up-link {
cursor: pointer;
}
.audio-playlist-listing {
float:left;
margin:0;
padding:0;
margin-left:10px;
}
.audio-playlist-body ol {
text-indent:none;
margin:0;
padding:0;
padding-left:2.3em;
margin-bottom:10px;
list-style-type: decimal-leading-zero;
}
.audio-playlist-body img {
float:left;
height:150px;
width:150px;
margin:0px 10px 10px 0px;
padding:3px;
border:solid black 1px;
}
.audio-playlist-body h2 {
margin:0;
padding:0;
font-size:.9em;
color:#777777;
font-size:georgia;
}
.clear {
clear: both;
}
#audio-playlist-table {
margin:3px 0px 10px 3px;
border:solid #D9D9D9 1px;
width:100%;
font-family:verdana;
}
#audio-playlist-table a {
color:#A6A6A6;
}
#audio-playlist-table a:hover {
color:#FFB400;
}
#audio-playlist-table th {
padding:0;
margin:0;
padding-left:5px;
padding-right:5px;
border-bottom:solid #666666 1px;
height:12px;
font-weight:normal;
}
#audio-playlist-table b {
color: red;
}
#audio-playlist-table th:hover {
background-color:#BAD1FB;
}
#audio-playlist-table th a{
color:black;
font-weight:normal;
}
#audio-playlist-table td, #audio-playlist-table th {
border-left:solid #D9D9D9 1px;
}
#audio-playlist-table tr.even {
background-color:#EDF3FE;
}
#audio-playlist-table tr.odd {
background-color:#FFF;
}
#audio-playlist-table tr:hover {
background-color:#BAD1FB;
}
#audio-playlist-table thead tr:hover {
background-color:transparent;
}
#audio-playlist-table tr {
border:none;
}
/**************/
/* codefilter */
/**************/
div.codeblock {
padding: 5px;
border: 1px solid #CCC;
background-color: #EEE;
text-align: left;
white-space: pre;
overflow: auto;
}
/************************/
/* SERVICE LINKS MODULE */
/************************/
div.service-links {
text-align: right;
margin-right:5px;
}
div.service-links a:hover {
border-bottom: 1px dotted #999;
}
#mainContainer #content-right .service-links a img, #mainContainer #content-right .service-links a img:hover, #mainContainer #content-left img, #mainContainer #content-right img {
border: 0;
}
/**************/
/* NICE MENUS */
/**************/
/* below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff */
.block-nice_menus {
line-height: normal;
/*font-size: normal;*/
/*position: relative;*/
z-index: 10;
}
/* need this to enable hidding inner span */
.block-nice_menus h2.title {
margin: 0;
}
.block-nice_menus h2.title .nice-menu-hide-title {
display: none;
}
.block-nice_menus h2.title .nice-menu-show-title {
display: block;
margin-bottom: 5px;
}
ul.nice-menu,
ul.nice-menu ul{
list-style: none;
padding: 0;
margin: 0;
border-top: 1px solid #ccc;
z-index: 5;
}
ul.nice-menu li {
border: 1px solid #eee;
position: relative;
float: left;
background-color: #eee;
}
ul.nice-menu a {
padding: 0.1em 0.15em 0em 16px;
display: block;
}
ul.nice-menu a:hover {
border: 0px;
background: #fff;
}
ul.nice-menu ul{
position: absolute;
top: 1.8em;
left: -1px;
border: 0;
border-top: 1px solid #ccc;
margin-right: 0;
display: none;
}
ul.nice-menu li.over ul{
display: block;
}
ul.nice-menu ul li{
width: 120px;
display: block;
}
ul.nice-menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Show submenus when over their parents */
ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul {
display: block;
}
/* Hide sub-menus initially */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul {
display: none;
}
/* Now stuff specific to the menu type (down, left or right menu pop) */
/* All VERTICAL (left/right) menus */
/* This is the default width of vertical menus. You can override these in your own stylesheet. */
ul.nice-menu-right, ul.nice-menu-right li {
width: 120px;
margin: 0;
}
ul.nice-menu-left, ul.nice-menu-left li {
width: 155px;
margin: 0;
}
/* stuff for VERTICAL menus where submenus pop RIGHT (default) */
ul.nice-menu-right ul {
width: 120px;
left: 120px;
top: -1px;
}
ul.nice-menu-right ul ul {
width: 120px;
left: 120px;
top: -1px;
}
ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent{
background: #eee url(http://www.skipthebudgie.org/modules/nice_menus/arrow-right.png) right center no-repeat;
}
ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li.over,
ul.nice-menu-right li li.menuparent:hover,
ul.nice-menu-right li li.over{
background: #ccc url(http://www.skipthebudgie.org/modules/nice_menus/arrow-right.png) right center no-repeat;
}
/* stuff for VERTICAL menus where submenus pop LEFT */
ul.nice-menu-left li ul{
width: 120px;
left: -120px;
top: -1px;
}
ul.nice-menu-left li ul li ul {
width: 120px;
left: -120px;
top: -1px;
}
ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent{
background: #eee url(http://www.skipthebudgie.org/modules/nice_menus/arrow-left.png) left center no-repeat;
}
ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li.over,
ul.nice-menu-left li li.menuparent:hover,
ul.nice-menu-left li li.over{
background: #ccc url(http://www.skipthebudgie.org/modules/nice_menus/arrow-left.png) left center no-repeat;
}
ul.nice-menu-left a, ul.nice-menu-left ul a {
padding-left: 16px;
}
/* stuff for HORIZONTAL menus where submenus pop DOWN */
ul.nice-menu-down {
float: left;
border: 0;
}
ul.nice-menu-down li {
border-top: 1px solid #ccc;
}
ul.nice-menu-down li li {
border-top: 0;
}
ul.nice-menu-down ul {
left: 0;
}
ul.nice-menu-down li ul li ul {
left: 120px;
top: -1px;
}
ul.nice-menu-down .menuparent a{
padding-right: 5px;
}
ul.nice-menu-down li.menuparent{
background: #eee url(http://www.skipthebudgie.org/modules/nice_menus/arrow-down.png) right center no-repeat;
}
ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over {
background: #ccc url(http://www.skipthebudgie.org/modules/nice_menus/arrow-down.png) right center no-repeat;
}
ul.nice-menu-down li li.menuparent{
background: #eee url(http://www.skipthebudgie.org/modules/nice_menus/arrow-right.png) right center no-repeat;
}
ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over {
background: #ccc url(http://www.skipthebudgie.org/modules/nice_menus/arrow-right.png) right center no-repeat;
}
ul.nice-menu-down ul li {
clear: both;
}
/***************/
/* TRIP SEARCH */
/***************/
.trip-search-form input.form-submit {
margin-bottom: 1em;
}
.trip-search-more-link {
font-weight: bold;
font-style: italic;
}
.trip-search-excerpt {
font-weight: bold;
}
table.trip-search-fields-table {
font-family: tahoma, verdana, arial, sans-serif;
font-weight: normal;
font-size: 0.9em;
}
tr.odd {
background-color: #FFF;
}
tr.even {
background-color: #FFF;
}
/******************/
/* EVENT CALENDAR */
/******************/
/* hide iCal link, timezone display, more link etc */
.ical-link, div.flexinode-2-tz, div.flexinode-2-end, div.end, div.service-label, .block-event .more-link {
display: none;
}