diff -r 53cff4b4a802 -r bde1974c263b web/wp-content/themes/IRI-Theme/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/wp-content/themes/IRI-Theme/style.css Wed Feb 03 15:37:20 2010 +0000 @@ -0,0 +1,947 @@ +/* +Theme Name: test IRI sam +Theme URI: http://www.iri.centrepompidou.fr +Description: A Wordpress theme adaptation for IRI +Version: 0.1 +Author: Samuel Huron +Author URI: http://www.cybunk.com/ +Credits: http://code.google.com/p/blueprintcss/ +*/ + +/* IMPORTANT - PLEASE READ +This theme uses the Blueprint CSS framework for +default positioning, typography, form styling, etc. +The styles below are specific for this theme +only. Feel free to edit them as necessary. Generally +speaking, you will will likely never need to edit +the Blueprint CSS stylesheets, which are located in: +wp-content/themes/name-of-this-theme/css/ + +*/ + +html +{ + scrollbar-face-color: #5b5b5b; + scrollbar-shadow-color: #ffffff; + scrollbar-highlight-color: #ffffff; + scrollbar-3dlight-color: #ffffff; + scrollbar-darkshadow-color: #ffffff; + scrollbar-track-color: #ffffff; + scrollbar-arrow-color: #5fbcde; +} +body +{ + margin-bottom: 0; + margin-top: 10px; + /*background: url('images/line.gif') top repeat-x;*/ +} +blockquote +{ + font-style: normal; + padding: 0 0 0 0; + color: #000; + background: url('images/quote.png') .5em top no-repeat; +} +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; } +a +{ + color: #2C80AF; + text-decoration: none; +} +a:active, h2 a:active, h3 a:active, h4 a:active +{ + color: #5fbcde; + text-decoration: none; +} +a:hover, h2 a:hover, h3 a:hover, h4 a:active +{ + color: #3466fe; + text-decoration: none; +} +a:visited +{ + /*color: #5fbcde;*/ + text-decoration: none; +} +h2 a:visited, h3 a:hover, h4 a:active +{ + /*color: #3466fe;*/ + text-decoration: none; +} +blockquote p { padding: 0 20px 0 30px; } +hr +{ + background: #CCC; + height: 1px; +} +img { margin: 0; } +.photo_align_left +{ + float: left; + padding: 0 1.5em 1.5em 0; +} +a.button { float: left; } +/* Fix for buttons */ +input +{ + padding-left: 0; + border: 1px solid #CCCCCC; +} +ol { margin-left: 35px; } +label { font-weight: normal; } +textarea +{ + height: 200px; + width: 500px; +} +.small { font-size: .9em; } +p.small { padding-top:0px; margin-top:0px; } +.nomargin { margin: 0; } +a.button, button { font-weight: normal; } +dl.small dd { font-size: .9em; } +span.meta_align_right +{ + color: #ccc; + font-size: .6em; + float: right; +} +span.meta_align_right a { color: #ccc; } +span.meta_align_right a:hover { color: #000; } +.meta +{ + color: #ccc; + font-size: .8em; + line-height: 1.875em; + font-family: Georgia; +} +.meta a { color: #ccc; } +.meta a:hover { color: #000; } +.byline +{ + color: #ccc; + font-size: .8em; + line-height: 1.875em; +} +.byline a +{ + color: #FF3706; + text-decoration: none; + line-height: 1.875em; +} +.byline a:hover { color: #000; } +.five_posts h6 a, .five_posts h4 a, .five_posts h3 a +{ + text-decoration: none; + margin-bottom: 0; +} +.advanced-recent-posts{ + +} +#maincontent h2, h4 +{ + color: #2C8084; + border-bottom: 1px dotted #AAA; + margin-bottom: 0px; + /*margin-bottom: 15px;*/ +} +h2 a, h4 a +{ + color: #2C8084; + text-decoration: none; +} +#maincontent .contentHome{ padding: 25px 30px 10px 48px; } +#maincontent .content { padding: 0px 30px 20px 48px; } +#feature h3 { + margin-bottom: 0; + padding: 0; +} +#feature p img { margin: 7px 0 2em 0; } +.feature_text { margin-top: 2em; } +#home_right { padding: 0; } +#home_right .entry { padding: 0 0 2em 0; } +.author +{ + padding: 1.5em; + margin-bottom: 1.5em; + background: #eee; +} +.author img +{ + float: left; + padding: 0 1em 1em 0; +} +.author p { margin-left: 8em; } +.author h6 +{ + margin-left: 7em; + border-bottom: 1px #000 dotted; +} +.navigation, +.navigation a { color: #AAA; width:100%; } +.alignright { float: right; } +.alignleft { float: left; } +.post { margin-bottom: 10px; } +.entry { padding-bottom: 15px; text-align:justify; } +.entry p { text-align:justify; } +/* Social */ +#social +{ + font-size:1em; + font-family:Georgia; + font-weight:bold; +} +/* HEADER */ +#header +{ + height: 67px; + width: 950px; + padding: 0px 0 10px 0; +} +#header h1, #header .description +{ + padding: 0; + margin: 0; + line-height: 1em; +} +#p2c-header h2 { + color: #3268FF; + border-bottom: 1px dotted #AAA; + margin-bottom: 15px; +} +#p2c-header p { + text-align:justify; +} +/* NAVIGATION IN POSTS */ +.entry #nav .content +{ + padding: 0; + margin: auto; +} +.entry #nav +{ + margin-bottom: 15px; + background: #FFF; +} +.entry #nav li a +{ + color: #FFF; + border-right: 1px solid #AAA; + background: #666; +} +.entry #nav li.last a { border-right: none; } +.entry #nav li a:hover +{ + background: #333; + color: #FFF; +} +.entry img { margin: 0; } + +.more { + margin-top:-10px; + display: block; + float: right; +} + +/* + ?????????????????????????????? + SEARCH +*/ +#search { float: left; } +#search #s +{ + background: transparent url('images/icons/search_grey.gif') 0px center no-repeat; + padding: 2px 0 2px 17px; + background-color:#FFF; + width: 410px; + color: #CCCCCC; + font-size: 0.9em; + margin-right: 0px; + margin-top: 10px; +} +#search #s :hover { + color: #000; + border: 1px solid #000; +} +#msg { + display:block; + margin:5px; + padding:5px; + border:1px dotted; +} +#searchHome { + /**/ + /*float:left;*/ + width: 271px; + height: 26px; + background: url(images/search_box_bgd.gif); + float: left; + margin-right:2px; +} + +#searchHome #s { float: left; padding: 0; margin-top: 5px; margin-left: 2px; border: 0; width: 127px; background: none; height:17px;} +#searchHome #s:hover { color: #000; background: url('images/search_bg_hover.gif') repeat-x;} +#searchHome #bt { float: left; border:0px; background:transparent; cursor:pointer; height:25px; width:20px; overflow:hidden;} + +#searchPage { border-left:#6f6f6f 1px; width: 190px; height: 26px; background: url('images/search_box_bgd.gif') no-repeat; background-position:top right; float: left; margin-right:2px;} +#searchPage #s { float: left; padding: 0; margin-top: 5px; margin-left: 2px; border: 0; width: 82px; background: none; height:17px;} +#searchPage #s:hover { color: #000; background: url('images/search_bg_hover.gif') repeat-x;} +#searchPage #bt { float: left; border:0px; background:transparent; cursor:pointer; height:25px; width:20px; overflow:hidden;} + + +/* Search skinned select */ +/* Skinned Select Box Copyright 2007 Derek Harvey GNU */ +/* www.lotsofcode.com */ + +div.skinned-select-Home { + background: url('images/select-skin-h.png') no-repeat; + float:left; + margin-top: 4px; + height:19px; + width:121px; +} +div.skinned-select-Home select { + opacity: 0; + filter: alpha(opacity = 0); + moz-opacity: 0; + position: relative; + z-index: 100; +} +div.skinned-select-Home .select-text-Home { + position: absolute; + text-indent: 10px; + line-height: 19px; + width: 121px; + z-index: 1; +} +div.skinned-select-Home .select-text-Home, +div.skinned-select-Home select { + width: 121px; + font-size: 12px; + color: #CCCCCC; + border:none; +} +div.skinned-select-Home select option { + width: 121px; + font-size: 12px; + color: #CCCCCC; + background:#383838; + border:none; + padding:0px; + margin:0px; +} +div.skinned-select-Home select option:focus { + color: #383838; + background:#ffffff; + border:none; +} + +div.skinned-select-Page { + background: url('images/select-skin-p.png') no-repeat; + float:left; + margin-top: 4px; + height:19px; + width:86px; +} +div.skinned-select-Page select { + opacity: 0; + filter: alpha(opacity = 0); + moz-opacity: 0; + position: relative; + z-index: 100; +} +div.skinned-select-Page .select-text-Page { + position: absolute; + text-indent: 10px; + line-height: 19px; + width: 86px; + z-index: 1; +} +div.skinned-select-Page .select-text-Page, +div.skinned-select-Page select { + width: 86px; + font-size: 12px; + color: #CCCCCC; +} +div.skinned-select-Page select option { + width: 86px; + font-size: 12px; + color: #CCCCCC; + background:#383838; + padding:0px; + margin:0px; +} +div.skinned-select-Page select option:focus { + color: #000000; + background:#ffffff; +} +/* non javascript version select */ +.my-skinnable-select select { + width:86px; + font-size:11px; + color: #CCCCCC; + background:#383838; +} + + +.search-excerpt { margin: 0; } + +/* COMMENTS */ +.commentlist li { padding: 8px 15px; } +.comments-alt { background: #EEE; } +/* LISTS */ +.bottombar { } +.bottombar h2 +{ + font-size: 1em; + font-weight: bold; + line-height: 1em; + margin: 1em 0 1em; + z-index:-1; +} +ul +{ + list-style-type: none; + margin-left: 1em; + padding: 0; +} +ul li +{ + list-style-image: url('images/icons/li.png'); + background-repeat: no-repeat; + border-top: 1px dotted #e5e5e5; + line-height: 2em; + margin: 0 0 0 1em; + padding: 0; +} +ul li a { color: #666; } +/* COMMENT STYLES */ +#comments { width: 100%; } +dl#comment_list { margin: 0 0 0 0; } +dl#comment_list dt +{ + padding: 0 0 33px 0; + background: url('images/comment_top.gif') 0 100% no-repeat; + font-size: 1.1em; + line-height: 1.8182em; + color: #999; +} +dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; } +dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; } +dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; } +dl#comment_list dt .comment_num a:hover { color: #a90000; } +dl#comment_list dt strong +{ + font-size: 1.4545em; + color: #000; +} +dl#comment_list dt strong a, dl#comment_list dt strong a:visited +{ + color: #000; + border-bottom: 1px dotted #999; +} +dl#comment_list dt strong a:hover +{ + color: #000; + border-bottom: 1px solid #a90000; +} +dl#comment_list dd +{ + padding: 20px; + margin: 0 0 1.5385em; + background: #dfdfdf; +} +dl#comment_list dd.author { background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat; } +dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; } +/* COMMENT FORM */ +#comment_form +{ + width: 46.8em; + margin: 0 0 4.0em 0; +} +#comment_form a:hover { text-decoration: underline; } +#comment_form p { padding: 0.7692em 0; } +#comment_form label +{ + padding: 0 0 0 0.83333em; + font-size: 1.2em; +} +#comment_form .text_input +{ + width: 15.3846em; + padding: 0.23077em; + color: #a90000; + font: bold 1.3em Verdana, sans-serif; + border-top: 0.15385em solid #999; + border-left: 0.15385em solid #999; + border-right: 0.07692em solid #eee; + border-bottom: 0.07692em solid #eee; +} +#comment_form .text_input:focus +{ + border-top-color: #666; + border-left-color: #666; + border-right-color: #ddd; + border-bottom-color: #ddd; +} +#comment_form .text_area { width: 32.9231em; } +#comment_form p.subscribe-to-comments { font-size: 1.3em; } +#comment_form p.subscribe-to-comments label { font-size: 1.0em; } +#comment_form .form_submit +{ + padding: 0.5em; + background: url('images/submit_bg.gif') repeat-x; + color: #000; + border: 0.21429em double #999; + border-top-color: #ccc; + border-left-color: #ccc; + font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; + cursor: pointer; +} +#comment_form .form_submit:hover { color: #0099cc; } +/* Root = Horizontal, Secondary = Vertical */ +#navmenu-h { background: #000 url('images/bgd_nav.gif') 50% 50% repeat-x;} +#navmenu-h li.alignright { float: right; } +ul#navmenu-h +{ + margin: 0 0 1em 0; + border: 0 none; + padding: 0; + width: 950px; + /*For KHTML*/ + list-style: none; + height: 26px; +} +ul#navmenu-h li +{ + margin: 0; + border: 0 none; + padding: 0; + float: left; + /*For Gecko*/ + display: inline; + list-style: none; + position: relative; + height: 26px; +} +ul#navmenu-h ul +{ + margin: 0; + border: 0 none; + padding: 0; + width: 160px; + list-style: none; + display: none; + position: absolute; + top: 26px; + left: 0; +} +ul#navmenu-h ul:after /*From IE 7 lack of compliance*/ +{ + clear: both; + display: block; + font: 1px/0px serif; + content: "."; + height: 0; + visibility: hidden; +} +ul#navmenu-h ul li +{ + width: 130px; + float: left; + /*For IE 7 lack of compliance*/ + display: block !important; + z-index:999; +} +/* Root Menu */ +ul#navmenu-h a +{ + padding: 1px 15px 3px 15px; + float: none !important; + /*For Opera*/ + /*For IE*/ + display: block; + background: #000 url('images/bgd_nav.gif') 50% 50% repeat-x; + color: #ccc; + font: 13px/22px Helvetica; + text-decoration: none; + height: auto !important; + /*For IE*/ +} +/* Root Menu Hover Persistence */ +ul#navmenu-h a:hover, +ul#navmenu-h li:hover a, +ul#navmenu-h li.iehover a +{ + background: #333 repeat-x; + color: #FFF; +} +/* 2nd Menu */ +ul#navmenu-h li:hover li a, +ul#navmenu-h li.iehover li a +{ + float: none; + background: #000; + color: #ccc; + width: 260px; + z-index:999; +} +/* 2nd Menu Hover Persistence */ +ul#navmenu-h li:hover li a:hover, +ul#navmenu-h li:hover li:hover a, +ul#navmenu-h li.iehover li a:hover, +ul#navmenu-h li.iehover li.iehover a +{ + background: #333; + color: #FFF; +} +/* 3rd Menu */ +ul#navmenu-h li:hover li:hover li a, +ul#navmenu-h li.iehover li.iehover li a +{ + background: #000; + color: #ccc; +} +/* 3rd Menu Hover Persistence */ +ul#navmenu-h li:hover li:hover li a:hover, +ul#navmenu-h li:hover li:hover li:hover a, +ul#navmenu-h li.iehover li.iehover li a:hover, +ul#navmenu-h li.iehover li.iehover li.iehover a +{ + background: #CCC; + color: #FFF; +} +/* 4th Menu */ +ul#navmenu-h li:hover li:hover li:hover li a, +ul#navmenu-h li.iehover li.iehover li.iehover li a +{ + background: #EEE; + color: #666; +} +/* 4th Menu Hover */ +ul#navmenu-h li:hover li:hover li:hover li a:hover, +ul#navmenu-h li.iehover li.iehover li.iehover li a:hover +{ + background: #CCC; + color: #FFF; +} +ul#navmenu-h ul ul, +ul#navmenu-h ul ul ul +{ + display: none; + position: absolute; + top: 0; + left: 130px; +} + +/* Do Not Move - Must Come Before display:block for Gecko */ +ul#navmenu-h li:hover ul ul, +ul#navmenu-h li:hover ul ul ul, +ul#navmenu-h li.iehover ul ul, +ul#navmenu-h li.iehover ul ul ul { display: none; } +ul#navmenu-h li:hover ul, +ul#navmenu-h ul li:hover ul, +ul#navmenu-h ul ul li:hover ul, +ul#navmenu-h li.iehover ul, +ul#navmenu-h ul li.iehover ul, +ul#navmenu-h ul ul li.iehover ul { display: block; } + +#themes h6 +{ + float: right; + padding-right: 1em; +} +ul#themeswitcher +{ + list-style-type: none; + margin: 0; + padding: 0; + float: right; +} +ul#themeswitcher li +{ + list-style-image: none; + list-style-type: none; + margin: 0; + padding: 0; +} + +/* FOOTER */ +#footer +{ + text-align: center; + font-size: .9em; + margin: 0; + width:950px; +} +#footer a { text-decoration: none; } + +ul#footer +{ + text-align: center; + margin: 0 0 1em 0; + border: 0 none; + padding: 0; + width: 950px; + /*For KHTML*/ + list-style: none; + height: 15px; +} +ul#footer li +{ + margin: 0; + border: 0 none; + padding: 0; + float: right; + /*For Gecko*/ + display: :inline-block; + list-style: none; + position: relative; + border-right:solid 1px #CCC; + text-align: center; +} + +ul#footer ul +{ + margin: 0; + border: 0 none; + padding: 0; + width: 160px; + list-style-type: none; + position: absolute; + top: 24px; + left: 0; + text-align: center; +} +ul#footer ul:after /*From IE 7 lack of compliance*/ +{ + clear: both; + display: block; + font: 1px/0px serif; + content: "."; + height: 0; + visibility: hidden; +} +ul#footer ul li +{ + width: 160px; + float: left; + /*For IE 7 lack of compliance*/ + display: inline !important; + /*For IE*/ +} +/* Root Menu */ +ul#footer a +{ + padding: 0px 20px 0 20px; + float: none !important; + /*For Opera*/ + /*For IE*/ + display: block; + color: #000; + font: 11px/22px Helvetica; + text-decoration: none; + height: auto !important; + /*For IE*/ +} +/* Root Menu Hover Persistence */ +ul#footer a:hover, +ul#footer li:hover a, +ul#footer li.iehover a +{ + color: #CCC; +} + +/* Partenaires */ +#partenaire +{ + text-align: center; + font-size: .9em; + margin: 0; + width:950px; +} +#partenaire a { text-decoration: none; } + +ul#partenaire +{ + text-align: center; + margin: 0 0 1em 0; + border: 0 none; + padding: 0; + width: 950px; + /*For KHTML*/ + list-style: none; + height: 15px; +} +ul#partenaire li +{ + margin: 0 0 10px 0; + border: 0 none; + padding: 0; + float: left; + /*For Gecko*/ + list-style: none; + position: relative; + border-right:solid 1px #CCC; + text-align: center; +} + +ul#partenaire ul +{ + display: :table; + width: 100%; + table-layout: fixed; + margin: 0; + border: 0 none; + padding: 0; + width: 160px; + list-style-type: none; + position: absolute; + top: 24px; + left: 0; + text-align: center; +} +ul#partenaire ul:after /*From IE 7 lack of compliance*/ +{ + clear: both; + display: block; + font: 1px/0px serif; + content: "."; + height: 0; + visibility: hidden; +} +ul#partenaire ul li +{ + width: 160px; + float: left; + /*For IE 7 lack of compliance*/ + display: inline !important; + /*For IE*/ +} +/* Root Menu */ +ul#partenaire a +{ + padding: 0px 18px 0 18px; + float: none !important; + /*For Opera*/ + /*For IE*/ + display: block; + color: #000; + font: 11px/22px Helvetica; + text-decoration: none; + height: auto !important; + /*For IE*/ +} +/* Root Menu Hover Persistence */ +ul#partenaire a:hover, +ul#partenaire li:hover a, +ul#partenaire li.iehover a +{ + color: #CCC; +} +.cleaner { + clear:both; +} + +/*****Accordion Styles*****/ +#accordion{ + padding: 10px; + background-color: #F3F3F3; +} +ul#accordion_nav, ul#accordion_nav ul { list-style: none; } + + +/* Accordion---------------------------------- OVER DEF*/ +/* +ui-accordion-header ui-helper-reset ui-state-active ui-corner-top +ui-accordion ui-widget ui-helper-reset +ui-accordion-header ui-helper-reset ui-state-active ui-corner-top +ui-accordion-header ui-helper-reset ui-state-default ui-corner-all + +ui-accordion-content + ui-helper-reset + ui-widget-content + ui-corner-bottom + ui-accordion-content-active + + --------------------- + +display:inline; +height:106px; +overflow-x:auto; +overflow-y:auto; +padding-bottom:6px; +padding-top:6px; + + + ui-accordion-content + ui-helper-reset + ui-widget-content + ui-corner-bottom + ui-accordion-content-active +*/ +.ui-corner-top h3{ } +.ui-corner-all h3{ } +.ui-widget h3{ color: #5FBCDE; background-color:#FFF; border: 0; border-bottom: 1px dotted #aaaaaa; } +/*.ui-widget-content div{ color: #5FBCDE; background-color:#FFF; border: 0; border-bottom: 1px dotted #aaaaaa; }*/ + +.ui-state-active h3{ color: #3466fe; border: 0; border-bottom: 1px dotted #aaaaaa; } +.ui-state-default h3{ color: #5FBCDE; border: 0; border-bottom: 1px dotted #aaaaaa; } +.ui-state-hover h3{ color: #3466fe; border: 0; border-bottom: 1px dotted #aaaaaa; } +.ui-state-hover li { background:none; font-weight:bolder; } +.ui-state-focus li { background:none; font-weight:bolder; } + +.ui-state-active a{ color: #3466fe; } +.ui-state-default a{ color: #5FBCDE; } +.ui-state-hover a{ color: #3466fe; } + +.ui-accordion .ui-accordion-header { border: 0; cursor: pointer; position: relative; margin-top: 1px; zoom: 1; font-size:12px; } +.ui-accordion .ui-accordion-li-fix { border: 0; display: block; } +.ui-accordion .ui-accordion-header-active { border: 0 !important; } + +.ui-accordion .ui-accordion-header a { + color: #5FBCDE; + display: block; + padding: .1em .1em .1em .1em; + border-bottom: 1px dotted #aaaaaa; + } + + +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } + +.ui-accordion .ui-accordion-content { + padding: .5em .2em .5em .2em; + border-top: 0em; + margin-top: 0px; + position: relative; + margin-bottom: 0px; + overflow: none; + display: block; + } + +.ui-accordion .ui-accordion-content-active { display: block; } + + +/*#accordionSeminaire.ui-widget +#accordionSeminaire.ui-helper-reset*/ + + +#accordion_seminaire{ + float: right; + width: 50%; + padding-left:10px; + height:500px; +} +#accordion_seminaire_free{ + float: right; + width: 50%; + padding-left:10px; +} + +.widefate{ + width:100%; +} +.img_space{ + padding-right:10px; +} + +