/* Theme Name: zeList Music Theme URI: http://musique.lestelechargements.fr/ Description: zeList theme for a music directory. Version:1.0 Author:Malaiac Author URI:http://www.malaiac.net Tags: dark, red, black, music */ /* reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } strong{font-weight:bold; } /* remember to define focus styles! */ :focus{outline:0; } body{line-height:1; color:black; background:white; } ol,ul{list-style:none; } /* tables still need cellspacing="0" in the markup */ table{border-collapse:separate; border-spacing:0; } caption,th,td{text-align:left; font-weight:normal; } blockquote:before,blockquote:after,q:before,q:after{content:""; } blockquote,q{quotes:"" ""; } *{margin:0; padding:0; line-height:1.25em; } /* generic */ .success{background:#F0FFF0 url(icons/accept.png) center no-repeat; background-position:15px 50%; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #54AA00; border-bottom:2px solid #54AA00; margin:20px 0; } .warning{background:#fff6bf url(icons/exclamation.png) center no-repeat; background-position:15px 50%; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #ffd324; border-bottom:2px solid #ffd324; margin:10px 0; font-size:14px; } .tip{background:#E6EDF4 url(icons/information.png) center no-repeat; background-position:15px 50%; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #b5d4fe; border-bottom:2px solid #b5d4fe; margin:5px 0; } .error{background:#fff6bf url(icons/exclamation.png) center no-repeat; background-position:15px 50%; text-align:left; padding:5px 20px 5px 45px; border-top:2px solid #ffd324; border-bottom:2px solid #ffd324; margin:10px 0; } .hidden {visibility:hidden; display: none; } .clear{display:block; width:100%; clear:both; content:""; } .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{display:inline-block; } ul{padding:0; margin:0; } /* hides from ie-mac */ html .clearfix{height:1%; } .clearfix{display:block; } /* End hide from IE-mac */ small { font-size: .9em; } /* forms */ fieldset { display: block; border: none; background: #EAEAEA; background-position: 15px 50%; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #929292; border-bottom: 2px solid #929292; margin: 10px; } fieldset h4 { font-size: 14px; padding: 0 5px; margin-bottom: 5px; } form * { font-family: Lucida Sans,Myriad Pro, Trebuchet MS,sans-serif; } select { } option { padding: 0 3px; } option:before { content: " > "; } textarea { display: block; width: 500px; } label { display: block; padding: 3px 0px; } label input, label select { display: block; margin-right: 5px; } label.indent { margin-left: 20px; } label input.inl { display: inline; } label.option { color: gray; /* background : #DDD; */ } label.option input { background: #FDFDFD; } label.text input { } label.mail input { letter-spacing: .2em; padding: 2px 4px; } /* structure */ * { margin: 0; padding: 0; } li { display: inline; list-style: none; } li.sitemenu { display: block; } body { text-align: center; } #wrapper { margin: 0 auto; width:960px; text-align: left; } #topmenu { } #topmenu li { display: inline; } #header { height: 145px; } #content { } #main { float: left; width: 730px; } #main.single { float: left; width: 940px; } #main .title { font-size: 1.25em; font-weight: bold; } #sidebar { float: left; width: 200px; margin-left: 10px;} #footer {} /* style */ body { background: url(images/tail.gif) repeat-x #111111; font-family: Trebuchet MS,sans-serif; font-size: 80%; } h1,h2,h3,h4, .title, #header * { font-family: Myriad Pro, Trebuchet MS,Lucida Sans, sans-serif; } .title { display: block; } a { text-decoration: none; color: white; } a:visited { } a:hover { text-decoration: underline;} a img { border: none; } #topmenu {background: url(images/topmenu.gif) repeat-x; height: 30px; padding-top: 10px; } #topmenu li { height: 10px; } #topmenu li a { color: white; font-size: 11px; font-weight: bold; padding: 0 10px; border-right: 1px white solid; } #topmenu_left { background: url(images/topmenu_left.gif) left no-repeat; width: 12px; height: 40px; } #topmenu_right { background: url(images/topmenu_right.gif) left no-repeat; width: 12px;height: 40px; } #header {} div#title { padding-top: 10px; } div#title h2 { color: white; font-size: 16px; padding-left: 90px; font-weight: normal; } #recherche { background: url(images/recherche.gif) no-repeat; float: right; width: 370px; height: 46px; margin: 30px 0; } #s, #ls { margin: 14px 12px 12px 50px; border: none; background: url(images/search.gif) no-repeat; width: 306px; height: 16px; } #s, #ls {padding: 2px; font-size: 12px; } #searchsubmit { display: none; } #content { } #content_top { background: url(images/content_top.png) top no-repeat; height: 8px; } #content_wrapper {background: white; padding: 0 8px; border: white 1px solid; } #content_bottom { background: url(images/content_bottom.png) bottom no-repeat; height: 8px; } #main {} #main_top { background: url(images/main_top.png) top no-repeat; height: 8px;} #main.single #main_top { background: url(images/main_single_top.gif) top no-repeat; height: 8px;} #main_wrapper { background: #c0c0c0; padding: 0 0 5px; border: #c0c0c0 1px solid; } #main_bottom { background: url(images/main_bottom.png) top no-repeat; height: 8px;} #main.single #main_bottom { background: url(images/main_single_bottom.gif) top no-repeat; height: 8px;} #sidebar { } #sidebar_top { background: url(images/sidebar_top.png) top no-repeat; height: 8px;} #sidebar_wrapper { background: #5e5e5e; padding: 0 4px 0px;} #sidebar_bottom { background: url(images/sidebar_bottom.png) top no-repeat; height: 8px; margin-top: -6px;} #main { } h1 { margin: 8px 0; background: url(images/sitetitle_bg.gif) top left no-repeat; padding: 6px 5px 12px 35px; margin-left: 10px; font-family: Tahoma; color: white; font-size: 14px; } h1 a { color: white; } a { color: #af2626; } a:hover { color: #ce0000; } h1 { font-size: 1.4em; } /* liste des catégories */ ul#categories.home { margin: 0 5px 10px; } ul#categories { margin: 0 15px 10px; } ul#categories li ul { padding: 0; } ul#categories li { display: block; } ul#categories.home li { background: url(images/root_bg.gif) top left no-repeat; margin-bottom: 10px; min-height: 30px; color: white; padding: 6px 0 0 10px; } ul#categories.home li a { font-size: 1.3em; color: white; font-weight: normal; } ul#categories li a:hover { color: #ce0000; } ul#categories li ul { margin: 10px 0; } ul#categories.home li ul li { display: inline; margin-bottom: 5px; background: none; height: 1em; color: black; padding-left: 0; } ul#categories.home li ul li a { font-size: 1em; color: #af2626; margin-bottom: 0px; } /* liste des sites */ /* sites list */ #links { margin: 0 10px 0 !important; /* IE */margin-left: 15px; } #links .link{clear:both; margin: 5px 0; border:1px dashed #bbb; background:#f5f5f5; font-size:1em; padding: 5px 10px; } /* clearfix */ #links .link:after{content:"."; display:block; height:0; clear:both; visibility:hidden; } #links .link h2{color:#002288; font-size:1.25em; margin: .5em 0; } #links .link .link_image{float:left; margin:0 5px 5px 0; border:gray 1px solid; padding:3px; max-width: 120px; } #links .link .link_metas{color:gray; margin-top:1em; font-size:.9em; } #links .link .entry { padding: 0; } /* site seul */ .single .link { } .single .link .entry { clear: both; padding: 5px 0; margin: 10px; } .single .link .right { float: right; width: 640px; } .single .link .left { width: 250px; } .single .link h1 { padding: .1em 0; background: url(images/title_single_bg.gif) no-repeat; padding: 10px 5px 12px 35px; font-family: Tahoma; font-size: 14px; color: white;} .single .link h1 a { color: white; text-decoration: underline; } .single .link .breadcrumbs { margin: 0 0 5px 15px; font-size: 1.2em; font-weight: normal; } .link_image, .link_url, .link_tags a { border: #af2626 1px solid;; background: #F5F5F5; padding: .3em; } .link_image { margin: 0 1em 1em 0;} /* link right */ .single .link_description { font-size: .9em; padding: .7em; border: 1px dashed #bbb; background: #f5f5f5; } .single .link_description ul { padding-left: 10px; } .link_url { display: block; margin: 1em 0; font-size: 1.4em; text-align: center; } .link_tags { font-size: 1em; margin: 1em 0; } .link_tags a {line-height: 2.2em; word-wrap: break-word } .more div.related { float: right; width: 300px; } .more div.pub { float: left; width: 310px;} ul.related {font-family: Arial; } ul.related li {} ul.related a { color: #af2626;text-decoration: underline; font-weight: bold; font-size: 12px;} ul.related p { font-size: 11px; color: #555; margin: 2px 0 12px; } } .link_feed { } .link_feed .content , .link_feed li { display: block; } /* link left */ .link_image { padding: 1em; } #sidebar { } #sidebar span.title { display: block; font-size: 1.4em; background: url(images/title_bg.gif) no-repeat; padding: 10px 5px 12px 35px; font-family: Tahoma; color: white; font-size: 14px; } #sidebar span.title a { text-decoration: underline; } #sidebar a { color: white;} #sidetags, #sidebar ul { margin: .5em 1px; background: #2d2d2d url(images/sidebar_ul_top.gif) top no-repeat; } #sidebar ul li {padding: .2em 0; display: block; color: white; padding-left: 10px; font-size: 90%; } #sidebar ul li.menutitle { padding: .2em; color: white; font-size: 16px; font-weight: normal; } #sidebar ul li a { color: white; font-size: 1.2em; } #sidebar ul li a:before { content : >>; } #sidetags .last, #sidebar ul li.last { background: url(images/sidebar_ul_bottom.gif) left bottom no-repeat; } #sidetags .last, #sidebar ul li.last:before { content : " "; padding: 0; margin: 0; } #sidetags { padding: .6em; } #sidetags p.last { margin: -.6em; height: 8px; margin-top: .6em; } #footer { color: white; font-size: 11px; margin: 1em; }