/* THEME NAME: Void THEME URI: http://johannes.ljud.org DESCRIPTION: A very empty wp theme VERSION: 1.0 AUTHOR: Johannes Burström AUTHOR URI: http://johannes.ljud.org @import("css/testing.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; background: #fff; margin: 10px 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } input,textarea { margin: 0; } /* Removes Firefox imposed outline */ a { outline: none; } /* Clearing floats without extra markup */ .wrapper { display: inline-block; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; } body { background:#ffffff; } #wrapper { background:#f5f3e0; width:940px; margin:0 auto; position:relative; } #header { top:0; left:0; height:295px; width:560px; position:absolute; background: #f5f3e0 url("images/background.jpg") top left no-repeat; } #header h1 { display:none; } #nav { background: #f5f3e0 url("images/menu.png") top left no-repeat; position:absolute; top:260px; left:70px; width:124px; height:190px; } #content { position:relative; padding-top:235px; margin-left:225px; width:400px; min-height:400px; height:auto!important; height:400px; z-index:1; } #loading { position:absolute; top:180px; left:400px; background:#f5f3e0 url("images/ajax-loader.gif") top left no-repeat; width:32px; height:32px; display:none; z-index:10000; } #sidebar { background-attachment:fixed; background: #f5f3e0 url("images/background.jpg") top right no-repeat; width:315px; height:480px; position:absolute; top:0px; right:0px; } #audioplayer { position:relative; background: #f5f3e0 url("images/player.png") 0px -18px no-repeat; height:199px; width:161px; top: 125px; left:57px; } #sound_error { position:relative; color:#f5f3e0; padding:5px; width:120px; left:30px; top:125px; } .js #sound_error { display:none; } #footer { position:relative; height:70px; } #footer-left { position:absolute; width:10px; height:10px; bottom:0; left:0; background-attachment:fixed; background: #f5f3e0 url("images/background.jpg") bottom left no-repeat; } #footer-right { position:absolute; width:396px; height:210px; bottom:0; right:0; background-attachment:fixed; background: #f5f3e0 url("images/background.jpg") -194px 100% no-repeat; } /* About */ #post-2 img { margin-bottom:2px; } .navigation { height:1.5em; } .navleft { float:left; } .navright { float:right; } .box { margin-left:10px; margin-right:10px; float:left; } .alignleft { float:left; margin: 0 10px 10px 0; } .alignright { clear:right; float:right; } .post object, .post embed { width:100%; } .js .nojs { display:none; } /* -------------------------------------------------------------- Typography -------------------------------------------------------------- */ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ body { font-size: 75%; } /* Default fonts and colors. */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family:Geneva, "Tahoma", Sans-serif; color:#363129; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight:bold; letter-spacing:-0.01em;} h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 1.5em; line-height:1; margin-bottom: 1em; } h3 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5, ul.links h4 { font-size: 1em; margin-bottom: 1.5em; } h6 { font-size: 1em; } .works h2 { margin-left:480px; color:#444; } /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.5em; } ul, ol { margin-bottom: 1.5em; } ul { list-style-type: none; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dl dd { margin-left: 1.5em; } abbr, acronym { border-bottom: 1px dotted #000; } address { margin-top: 1.5em; font-style: italic; } del { color: #000; } #documents a { display:block; padding-left:20px; background: url("images/docicon.png") 0px 0px no-repeat; } #documents a.video { background-image: url("images/vidicon.png"); } #documents a.photo { background-image: url("images/imgicon.png"); } /* .maillink { margin-left: -25px; padding-left:25px; background: url("images/mailicon.png") 0px 0px no-repeat; display:block; } .phone { display:block; padding-left:25px; margin-left: -25px; background: url("images/phoneicon.png") 0px 0px no-repeat; } ul.address { padding-left:25px; margin-left: -25px; background: url("images/houseicon.png") 0px 0px no-repeat; } */ a { color: #ef6290; text-decoration: none; } a:visited { color: #F490B1; } a:hover { text-decoration: underline; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #nav li a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, #nav li a:visited { color: #363129; text-decoration:none; } #nav a:focus, a:active { outline:none; } #sound_error a { color: #f5f3e0; font-weight:bold;} blockquote { margin: 0em; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } pre, code { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } cite { font-style:normal; color:#color } p.date { margin-bottom: 0; color:#c2b9a7; float:right;} p.credits { color:#c2b9a7; padding-top:0.5em; margin-top:2.5em; border-top:1px solid #c2b9a7} p.credits a { color:#c2b9a7; border-bottom:1px dotted #c2b9a7;} /* Lists ...............................................................*/ #nav ul { margin: 0; } #nav li { width: 100%; } #nav li a { display:block; height:31px; } #nav li.page-item-2 a { height:29px;} #nav li.page-item-4 a { height:33px;} #nav li a i { visibility:hidden } #nav li a:hover, #nav li.current_page_item a { background: #f5f3e0 url("images/menu.png") top left no-repeat; } #nav li.news.current_page_item a, #nav li.news a:hover { background-position: 0 -190px; } #nav li.page-item-2.current_page_item a, #nav li.page-item-2 a:hover { background-position: 0 -221px; } #nav li.page-item-4.current_page_item a, #nav li.page-item-4 a:hover { background-position: 0 -250px; } #nav li.page-item-5.current_page_item a, #nav li.page-item-5 a:hover { background-position: 0 -283px; } #nav li.page-item-6.current_page_item a, #nav li.page-item-6 a:hover { background-position: 0 -314px; } #nav li.page-item-7.current_page_item a, #nav li.page-item-7 a:hover { background-position: 0 -345px; } /* Discography */ #post-4 li { clear:both; padding-top:3em; margin-top:-3em; } #post-4 li, #post-4 p { font-size: 1em; } #post-4 li img { display:block; float:right; clear:right; margin-left:4px; } #post-4 li ul { width:260px; float:left; } #post-4 li li { float:none; clear:none; padding-top:0; margin-top:0; } #post-4 li li a { display:block; padding-right:13px; float:right; clear:right; } #audioplayer { display:none } #audioplayer ul { margin:0; } #audioplayer li { width:175px; position:relative; } #audioplayer li a {display:block; height:23px; overflow:hidden; text-decoration:none;} #audioplayer li a em { visibility: hidden;} #audioplayer li a:hover, #audioplayer li a.sm2_playing, #audioplayer li a.sm2_paused { background: url("images/player.png") 0px -18px no-repeat; } #audioplayer li.track1 a.sm2_paused, #audioplayer li.track1 a.sm2_playing, #audioplayer li.track1 a:hover { background-position: 0px -217px; } #audioplayer li.track2 a.sm2_paused, #audioplayer li.track2 a.sm2_playing, #audioplayer li.track2 a:hover { background-position: 0px -240px; } #audioplayer li.track3 a.sm2_paused, #audioplayer li.track3 a.sm2_playing, #audioplayer li.track3 a:hover { background-position: 0px -263px; } #audioplayer li.track4 a.sm2_paused, #audioplayer li.track4 a.sm2_playing, #audioplayer li.track4 a:hover { background-position: 0px -286px; } #audioplayer li.track5 a.sm2_paused, #audioplayer li.track5 a.sm2_playing, #audioplayer li.track5 a:hover { background-position: 0px -309px; } #audioplayer li.track6 a.sm2_paused, #audioplayer li.track6 a.sm2_playing, #audioplayer li.track6 a:hover { background-position: 0px -332px; } #audioplayer li.track7 a.sm2_paused, #audioplayer li.track7 a.sm2_playing, #audioplayer li.track7 a:hover { background-position: 0px -355px; } #audioplayer li.track8 a.sm2_paused, #audioplayer li.track8 a.sm2_playing, #audioplayer li.track8 a:hover { background-position: 0px -378px; } #audioplayer li.track9 a.sm2_paused, #audioplayer li.track9 a.sm2_playing, #audioplayer li.track9 a:hover { background-position: 0px -401px; } #audioplayer img { display:block; position:absolute; margin-top:-1px; left:-23px; width:18px; height:18px; } /* Some default 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; } .quiet { color: #999; } .hide { display: none; } .highlight { background: #ffc; } .top { margin-top: 0; padding-top: 0; } .bottom { margin-bottom: 0; padding-bottom: 0; } /* Tricks -------------------------------------------------------------- */ .replace { background:none; position:relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } .replace span { display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ width:100%; height:100%; } .replace a { display:block; cursor:pointer; } span.gigpress-artist-subscriptions { margin-left: 5px; float: right; } /* Default wrapper for the year/month menu */ .gigpress-menu-container { padding: 5px 0; text-align: right; } .gigpress-table { width: 100%; border: none; border-collapse: collapse; border-top: 1px solid #c2b9a7; margin: 0.5em 0 1em 0; } tr.gigpress-header th { color:#c2b9a7; } .gigpress-table th { vertical-align: middle; text-align: left; border-bottom: 1px solid #c2b9a7; } th.gigpress-heading { padding-top:1.5em; } th.gigpress-heading h1, th.gigpress-heading h2, th.gigpress-heading h3, th.gigpress-heading h4, th.gigpress-heading h5 { margin: 0; } .gigpress-table td { font-size:0.833em; line-height:1.1em; padding:2px 2px 0.5em; text-align: left; } td.gigpress-date { width:20%; } td.gigpress-venue { width:10%; } tr.gigpress-tour td { border-color:#ef6290; background-color:#EFEBCD; } tr.divider.gigpress-row td { z-index:1; border-top:1px solid #ef6290; padding-top:1.5em; } tr.gigpress-info td { font-size: 90%; color: #c2b9a7; border-bottom: 1px solid #CCC; } tr.gigpress-info td.description { visibility: visible; } tr.gigpress-row.cancelled, tr.gigpress-info.cancelled, tr.cancelled span.gigpress-info-label, tr.cancelled span.gigpress-info-item { color: #c2b9a7; } strong.gigpress-cancelled, strong.gigpress-soldout { text-transform: uppercase; font-weight: bold; padding: 1px; color: #111; background: #fffdeb; border: 1px solid #EEE; background: #111; color: #FFF; border: none; } td.gigpress-links-cell { vertical-align: top; } .gigpress-calendar-add { position: relative; } a.gigpress-links-toggle { display: block; text-indent: -9999px; width: 11px; height: 11px; background: transparent url(images/calendar-toggle.png) no-repeat left top; cursor: pointer; } a.gigpress-links-toggle:hover { background-position: -11px 0px; } a.gigpress-link-active { background-position: -33px; } a.gigpress-link-active:hover { background-position: -22px; } div.gigpress-calendar-links { display: none; position: absolute; left: 20px; top: -1.2em; width: 15em; padding-left: 7px; background: transparent url(images/calendar-links-bg.png) no-repeat left center; } .gigpress-calendar-links-inner { background-color: #EFEBCD; padding: 6px 8px; font-size: 11px; line-height: 16px; border: 1px solid #CCC; border-width: 1px 1px 1px 0; } div.gigpress-calendar-links span { display: block; } p.gigpress-subscribe { text-align: left; color: #c2b9a7; } p.gigpress-subscribe a { display: inline-block; text-indent: -9999px; width: 12px; margin: 0 3px; } a.gigpress-rss, a.gigpress-rss:hover { background: transparent url(images/feed-icon-12x12.png) no-repeat left center; } a.gigpress-ical, a.gigpress-ical:hover { background: transparent url(images/icalendar-icon.gif) no-repeat left center; } ul.gigpress-related-show { margin-bottom: 2em; } .gigpress-related-label { font-weight: bold; } abbr { border: none; text-decoration: none; font-size: 100%; } /* GALLERY */ .gallery { display: block; clear: both; overflow: hidden; margin: 0 auto; padding-top:1em; margin-bottom:1.5em; } .gallery .gallery-row { display: block; clear: both; overflow: hidden; margin: 0; } .gallery .gallery-item { background:url("images/img-dropshadow.png") top left no-repeat; overflow: hidden; float: left; margin: 0 0 0.5em; text-align: center; list-style: none; padding: 0; } .gallery .gallery-item img, .gallery .gallery-item img.thumbnail { width:100%; height: auto; margin: 0 auto; } .gallery-caption { margin-left: 0; } .gallery .wrap1 { width:89%; height:89%; background:url("images/shadow.png") bottom right no-repeat; } .gallery .wrap2 { background:url("images/corner_bl.png") bottom left no-repeat; } .gallery .wrap3 { background:url("images/corner_tr.png") top right no-repeat; padding:0 6px 6px 0; } /* Image sizes depending on the number of columns */ .col-0 { width: 100%; } .col-1 { width: 100%; } .col-2 { width: 50%; } .col-3 { width: 33%; } .col-4 { width: 25%; } .col-5 { width: 20%; } .col-6 { width: 16.5%; } .col-7 { width: 14%; } .col-8 { width: 12.4%; } .col-9 { width: 11%; } .col-10 { width: 10%; } .col-11 { width: 9%; } .col-12 { width: 8.33%; } .col-13 { width: 7.6%; } .col-14 { width: 7.1%; } .col-15 { width: 6.66%; } .col-16 { width: 6.25%; } .col-17 { width: 5.83%; } .col-18 { width: 5.55%; } .col-19 { width: 5.25%; } .col-20 { width: 4.95%; }