/* Theme Name: Les Biskotos Theme URI: http://www.biskotos.com Description: Le theme par defaut du site des Biskotos Version: 1.0 Author: Peurduloup / Tilt Studio */ /* Styles globaux *****************************************/ * { margin:0; padding:0; } body { font: 12px Arial, Helvetica, serif; color:#fff; background:#010000; } a { color:#fff; } a img { border:none; } /* Gabarit du site ****************************************/ #biskotos { position:relative; width:954px; height:598px; padding:0 0 138px; margin:0 auto; background:url(images/design/bg.jpg) no-repeat center top; } #biskotos h1 { position:absolute; top:17px; left:6px; z-index:10; } #menu { position:absolute; z-index:10; left:2px; top:182px; width:155px; list-style:none; } #menu a { position:relative; display:block; cursor:pointer; } #menu a span { display:none; } /* Fleche du menu */ #page-home #menu-home a span, #page-news #menu-news a span, #page-le-groupe #menu-groupe a span, #page-photos-video #menu-photos a span, #page-pro #menu-pro a span, #page-albums #menu-albums a span, #page-concerts #menu-concerts a span, #menu .current a span, #menu a:hover span { position:absolute; top:4px; left:-8px; display:block; width:17px; height:17px; background:url(images/design/menu-fleche.gif) no-repeat left top; } a.myspace { position:absolute; z-index:10; left:22px; top:495px; display:block; } a.contact-mail { position:absolute; z-index:10; left:22px; top:460px; display:block; } #page { position:absolute; right:0; z-index:1; width:791px; height:569px; } /* Footer *************************************************/ #footer { position:absolute; top:569px; width:930px; height:29px; line-height:29px; padding:0 12px; text-align:right; font-size:10px; color:#8e3e02; } #footer a { color:#8e3e02; text-decoration:none; } #footer a:hover { text-decoration:underline; } /* Homepage ***********************************************/ #page-home #page { background:url(images/home/bg.jpg) no-repeat right bottom; } /* News */ #page-home #page h2 { position:absolute; top:281px; right:84px; } #page-home #page .news { position:absolute; right:27px; top:324px; width:300px; height:220px; overflow:hidden; } #page-home #page .news .entry { position:relative; padding-left:72px; height:63px; overflow:hidden; margin:0 0 10px; font-size:11px; } #page-home #page .news .entry h3 { margin:3px 0; color:#af4e03; font-size:11px; line-height:11px; font-weight:bold; text-transform:uppercase; } #page-home #page .news .entry h3 a { text-decoration:none; color:#af4e03; } #page-home #page .news .entry .date { color:#858585; font-size:10px; } #page-home #page .news .entry .text { line-height:11px; } #page-home #page .news .entry .attachment { position:absolute; left:0; top:0; display:block; padding:6px 5px 5px 5px; width:52px; height:52px; background:url(images/home/vignette.gif) no-repeat left top; } #page-home #page .news .entry .attachment img { display:block; width:52px; height:52px; } /* Album a decouvrir */ #page-home .album { position:absolute; top:13px; right:17px; width:160px; } #page-home .album a { display:block; padding-top:120px; text-decoration:none; font-size:11px; line-height:10px; } #page-home .album a img { position:absolute; right:21px; top:0; display:block; z-index:1; } #page-home .album a span { display:block; position:relative; z-index:2; text-align:center; } #page-home .album a span.decouvrir { text-transform:uppercase; font-size:10px; } /* Oeil anime */ #page-home #oeil { display:block; width:127px; height:130px; overflow:hidden; position:absolute; left:242px; top:147px; } /* News ***************************************************/ #page-news #page { background:url(images/news/bg.jpg) no-repeat right bottom; } #page-news #page h3 { position:absolute; left:152px; top:140px; } #page-news #page .news { position:absolute; left:400px; top:160px; width:370px; height:390px; overflow-y:auto; } #page-news #page .news .entry { width:350px; } #page-news #page .news .date { display:block; height:15px; padding-left:20px; color:#858585; font-size:10px; line-height:15px; background:url(images/news/tag.gif) no-repeat left top; } #page-news #page .news h2 { margin:2px 0 10px; color:#eb6e07; font-size:20px; line-height:18px; font-weight:bold; } #page-news #page .news .text { font-size:11px; } #page-news #page .news .text p { margin:0 0 8px; } #page-news #page .news .text strong { color:#b35609; font-weight:bold; } #page-news #page .news .text a { text-decoration:underline; color:#b35609; font-style:italic; } #page-news #page .news .attachment { margin:0 0 8px; } #page-news #page .archives { position:absolute; left:160px; top:195px; width:200px; } #page-news #page .archives ul { list-style:none; } #page-news #page .archives li { display:block; margin:0 0 3px; padding:0 0 3px; background:url(images/news/sep.gif) no-repeat left bottom; } #page-news #page .archives a { display:block; text-decoration:none; } #page-news #page .archives a .date { display:block; height:15px; padding-left:20px; font-size:10px; color:#353535;line-height:15px; background:url(images/news/tag.gif) no-repeat left top; } #page-news #page .archives a .title { display:block; font-weight:bold; white-space:nowrap; overflow:hidden; } #page-news #page .mouton { position:absolute; left:0; bottom:0; z-index:10; display:block; width:225px; height:350px; background:url(images/news/mouton.png) no-repeat left top; } /* Le groupe **********************************************/ #page-le-groupe #page { background:url(images/groupe/bg.jpg) no-repeat right 120px; } #page-le-groupe #page h2 { position:absolute; left:81px; top:173px; } #page-le-groupe #page .entry { position:absolute; left:56px; top:228px; width:210px; font-size:11px; color:#d65a08; text-align:justify; } #page-le-groupe #page .entry p { margin:0 0 8px; } #page-le-groupe #page blockquote { position:absolute; left:40px; top:480px; line-height:15px; font-size:16px; font-weight:bold; color:#e3d1c3; } #page-le-groupe #page .membres { list-style:none; } #page-le-groupe #page .membres li { position:absolute; display:block; width:114px; height:36px; } #page-le-groupe #page .membres #pascal { left:292px; top:399px; } #page-le-groupe #page .membres #julien { left:475px; top:401px; } #page-le-groupe #page .membres #gregory { left:656px; top:399px; } /* Photos/Videos ******************************************/ #page-photos-video #page { background:url(images/photos/bg.jpg) no-repeat right 95px; } #page-photos-video #page #photos { position:absolute; left:58px; top:161px; width:240px; font-size:11px; } #page-photos-video #page #photos h2 { font-size:16px; text-transform:uppercase; } #page-photos-video #page #photos p { line-height:10px; margin:5px 0 8px; } #page-photos-video #page #photos .photo { float:left; display:block; margin:0 9px 6px 0; border:1px solid #d19766; } #page-photos-video #page #photos .photo img { display:block; width:107px; height:71px; } #page-photos-video #page #video h2 { position:absolute; right:67px; top:116px; } #page-photos-video #page #video .video { position:absolute; right:35px; top:175px; } #page-photos-video #page .other-videos { font-size:11px; line-height:11px; width:405px; position:absolute; right:20px; top:500px; } .current-video { background:#A95614; padding:2px 5px; text-decoration:none; border:1px solid #D19766; } #page-photos-video #video2, #page-photos-video #video3, #page-photos-video #video4 { display:none; } /* Page pro ***********************************************/ #page-pro #page { background:url(images/pro/bg.jpg) no-repeat right bottom; } #page-pro #page h2 { position:absolute; right:6px; top:110px; } /* Presse */ #page-pro #page #presse { position:absolute; left:74px; top:147px; padding:18px 15px 0; width:297px; height:375px; overflow-y:auto; } #page-pro #page #presse h3 { margin:0 0 15px; font-size:15px; } #page-pro #page #presse .quote { padding:10px 0; color:#000; line-height:11px; font-size:12px; text-align:justify; background:url(images/pro/sep.gif) no-repeat left top; } #page-pro #page #presse .quote * { display:inline; } #page-pro #page #presse .quote cite { font-weight:bold; font-style:normal; white-space:nowrap; } #page-pro #page #presse .quote a { color:#000; text-decoration:none; } #page-pro #page #presse a.pdf { display:block; margin:20px 0 0; padding:25px 0 0 65px; height:35px; color:#fff; text-decoration:none; line-height:9px; font-size:10px; background:url(images/pro/pdf-presse.gif) no-repeat left top; } /* Concerts */ #page-pro #page #concerts { position:absolute; left:466px; top:165px; width:320px; height:365px; overflow-y:auto; } #page-pro #page #concerts h3 { margin:0 0 5px; font-size:15px; } #page-pro #page #concerts .formule { position:relative; float:left; margin:0 5px 0 0; padding:10px 10px 10px; width:125px; height:145px; line-height:12px; color:#c7c7c7; background:url(images/pro/pdf-encart.jpg) no-repeat left top; } #page-pro #page #concerts .formule h4 { font-size:13px; margin:0 0 10px; color:#fff; } #page-pro #page #concerts .formule a.pdf { position:absolute; bottom:10px; left:10px; display:block; width:80px; height:35px; padding:15px 0 0 50px; font-size:10px; text-decoration:none; } #page-pro #page #concerts .contact { clear:both; padding:10px 0 0; } #page-pro #page #concerts .contact p { margin:5px 0; } #page-pro #page #concerts .contact p strong { font-size:14px; } #page-pro #page #concerts .contact a.site { color:#e57613; font-weight:bold; text-decoration:none; } /* Albums *************************************************/ #page-albums #page { background:url(images/albums/bg.jpg) no-repeat right 105px; } #page-albums #page h3 { position:absolute; right:13px; top:119px; } #page-albums #page #order { position:absolute; left:238px; top:467px; width:490px; height:90px; color:#000; } #page-albums #page #order h4 { font-size:14px; color:#fff; font-weight:bold; } #page-albums #page #order a.bdc { float:left; margin:0 0 8px; height:18px; line-height:18px; padding-right:30px; color:#000; font-weight:bold; background:url(images/albums/bdc.gif) no-repeat right center; } #page-albums #page #order p { clear:both; line-height:11px; } #page-albums #page .single { position:absolute; right:110px; top:170px; width:420px; height:285px; } #page-albums #page .single h2 { font-size:14px; } #page-albums #page .single .text { font-size:10px; height:15px; overflow:hidden; } #page-albums #page .single #player { position:absolute; right:0; top:40px; } #page-albums #page .single .cover { position:absolute; left:0; top:39px; dipslay:block; border:1px solid #fff; } #page-albums #page .single .prix { position:absolute; bottom:3px; left:0; display:block; height:35px; line-height:35px; color:#7b7b7b; font-size:11px; } #page-albums #page .albums { position:absolute; left:35px; top:180px; width:170px; } #page-albums #page .albums ul { list-style:none; } #page-albums #page .albums li { display:block; margin:0 0 3px; padding:0 0 3px; clear:both; } #page-albums #page .albums li.dvd { margin-top:90px; } #page-albums #page .albums a { display:block; text-decoration:none; } #page-albums #page .albums .thumbnail { display:block; float:left; margin:0 5px 10px 0; border:1px solid #fff; } #page-albums #page .albums .title { display:block; font-size:11px; font-weight:bold; } #page-albums #page .albums .year { display:block; font-size:11px; } #page-albums #page .albums .infos { display:block; font-size:10px; color:#eb6e07; } /* Concerts ***********************************************/ #page-concerts #page { background:url(images/concerts/bg.jpg) no-repeat right 114px; } #page-concerts #page h2 { position:absolute; left:25px; top:152px; } #page-concerts #page .gigpress-listing { list-style:none; padding-bottom:3px; background:url(images/concerts/sep.gif) no-repeat left bottom; } #page-concerts #page .gigpress-listing .vevent { clear:both; display:block; width:305px; height:30px; padding:5px; } #page-concerts #page .gigpress-listing .gigpress-alt { background:url(images/concerts/altrow.png) no-repeat left top; } #page-concerts #page .gigpress-listing .vevent a { color:#fff; text-decoration:underline; } #page-concerts #page .gigpress-listing .gigpress-date { white-space:nowrap;display:block; float:left; color:#000; font-weight:bold; width:60px; height:30px; } #page-concerts #page .gigpress-listing .gigpress-location { white-space:nowrap; display:block; font-weight:bold; } #page-concerts #page .gigpress-listing .gigpress-infos { white-space:nowrap; display:block; } #page-concerts #page .pager-content { position:absolute; left:15px; top:200px; width:315px; height:323px; overflow:hidden; } #page-concerts #page .pager { position:absolute; left:15px; top:535px; width:315px; text-align:right; } #page-concerts #page .pager a { padding:1px 4px; margin:0 0 0 4px; color:#fff; font-weight:bold; cursor:pointer; background:#df7212; } #page-concerts #page .pager a.current { background:#f4a662; } /* Correctif pour IE6 *************************************/ * html #page-news #page .mouton { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://www.biskotos.com/wp-content/themes/biskotos/images/news/mouton.png", sizingMethod=crop); } * html #menu li { height:1%; } * html #page-pro #page #concerts .contact { padding:0; } * html #page-pro #page #concerts .formule h4 { margin:0 0 5px; } * html #page-albums #page .albums a { position:relative; zoom:1; } * html #page-concerts #page .gigpress-listing .gigpress-alt { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://www.biskotos.com/wp-content/themes/biskotos/images/concerts/altrow.png", sizingMethod=crop); }