/* sNews 1.7 simple template. */ /* Added styles: .meta (to separate commenting date from article date), .big (for special h2 style) and .contactbox (to differentiate contact form from comments form) */ /* *************** SITEWIDE STYLES (globals) ***************** */ /* Sitewide global selectors are in place to "reset" browsers */ /* to 0 and to set a few general styles for body, headlines, */ /* form controls etc. */ /* *********************************************************** */ /* Global reset rule */ * { margin:0; padding: 0; } /* Explicit global reset (some of the elements in this array aren't affected by the star reset) */ body, div, form, fieldset, h1, h2, h3, h4, h5, h6, html, input, ol, ul, li, textarea, table, thead, tfoot, tbody, tr, td { margin: 0; padding: 0; } body { font-family: Geneva, Verdana, "Bitstream Vera Sans", "Microsoft Sans Serif", sans-serif; line-height: 1.8em; /*text-align: center;*/ min-width: 760px; background: #FFFFFF ; color: #4B464A ; } /* ANCHORS -- SET PROPERTIES FOR PSEUDO CLASSES (:LINK, :VISITED, :HOVER, :ACTIVE AND :FOCUS) IN SPECIFIC STYLES TO BETTER ALLOW FOR DIFFERENT STYLING */ a, a img { color:#9C9700; text-decoration: none; border: none; outline: none; -moz-outline: none; /* The W3C validator reports this rule as invalid but it is needed to remove "glow" on image links in Firefox etc. */ } a:hover { color:#F03B19; } #logosonart { margin:20px; } #baseline { margin:20px; font-size: 1.8em; } abbr { text-transform: uppercase; letter-spacing: 1px; font-size: 0.8em; border-bottom: 1px dotted #999; cursor: pointer; } /* Use abbr for abbreviations AND acronyms in your content. acronym is slated for deprecation in HTML 5 */ blockquote, cite { font-style: normal; margin: 0.3em auto 1em; width: 80%; line-height: 1.7em; } /* HEADERS -- H1 IS SET IN THE SPECIFIC STYLE FOR THE MASTHEAD (#TOPLINE). If H1 is to appear in more than one place onthe page, add a generic h1 rule here */ h2 { margin: 9px 0 3px; line-height: 1.2em; } h3, h4, h5, h6 { margin: 7px 0; } img, input {vertical-align: baseline;} input { padding: 2px 1px 1px 1px; font-size: 11px; } p { margin: 6px 0 14px; padding: 0; } /* LISTS -- SET LIST STYLE TYPE AND POSITION PROPERTIES ON SPECIFIC STYLES FOR GREATER VERSATILITY. */ ul, ol, li { margin: 0; padding: 0; } /* **************** SITEWIDE STYLES (classes) ****************** */ /* Sitewide class selectors are intended to be reused throughout */ /* the site construction, as "add-on" styles or on their own. */ /* ************************************************************* */ .left { float: left; display: inline; } /* Display inline is necessary to cure the "double float" bug in Internet Explorer */ .right { float: right; display: inline; } .center {text-align: center;} .caption { text-align: center !important; font-size: .9em !important; } .big { /* New class (primarily for index page h2) */ font-weight: normal; font-size: 1.8em; letter-spacing: -1px; } .horizontal li { display: inline; margin: 0; list-style: none !important; } /* Set class "horizontal" to a ul and the list items will be displayed inline. Intended primarily for menues */ .vertical li { display: block; margin: 0.7em 0; text-align: left;} /* Set class "vertical" to a ul and the list items will be displayed as a block. */ .clearer { margin: 0 auto; padding: 1px 0 0 0; clear: both;} /* Clearing rule, can be used on any block item that doesn’t require content (div, br, hr etc). */ /* PAGE WRAPPERS -- QUICKLY CHANGE THE VISIBLE WIDTH OF YOUR PAGE BY USING ONE OF THESE CLASSES ON THE DIV DIRECTLY AFTER IN INDEX.PHP. THESE ARE EXAMPLES -- ADD YOUR OWN. */ .page992 { /*for 1024px screens, fixed-width*/ width: 992px; height: auto; margin:0 auto; height: auto; /*font-size: 130%;**/ /*background: #FFFFFF;*/ /*background:;*/ background: #E2DEBF;/* url("../images/frisedoree1_120.png") repeat-y;*/ /*padding: 16px;*/ /*border: 10px solid ;*/ } .page768 { /* for 800px screens, fixed-width*/ width: 768px; margin:0 auto; height: auto; padding: 16px; font-size: 90%; border-bottom: 1px solid #ccc; } .pageflexi { /*for flexible-width layout*/ margin:0 auto; height: auto; padding: 1em; border-bottom: 1px solid #abc; } /* *************** SPECIFIC STYLES (IDs and classes) ***************** */ /* The really interesting bits and pieces... */ /* ******************************************************************* */ #topline, #content, #pagefoot {margin: 0 auto; padding: 0;} /* The main containers in the template, other than the pagediv */ #topline { } #topline h1 { font-size: 2.8em; letter-spacing: -1.5pt; line-height: 1.2em; margin: 0 0 0 16px; width: 60%; /* display: inline; */ } #topline h1 a { text-decoration: none; } #topline h1 a:hover, #topline h1 a:focus { text-decoration: none; } #topline p.small { margin: 0 0 0 16px; font-size: 0.8em; padding-bottom: 20px; width: 60%; } #pagemenu { /*float: right; clear: left;*/ /*font-size: .66em; font-weight: bold;*/ height: auto; line-height: 1.5em; margin: 5px 16px 3px 0; padding: 7px 0; text-align: left; list-style-type: none; } #pagemenu li a { float: left; display: block; width: auto; padding: 3px 6px; margin: 0 6px; text-decoration: none; } #pagemenu li a:hover, #pagemenu li a:focus, #pagemenu li a:active { } #pagemenu li a.current { /* "Current" highlights the active list item and should be fixed in behavior across all states */ font-size: 1.1em; } /* SEARCH WIDGET STYLES. Default browser styles are in use for form controls such as buttons. IE and Opera might need to be fed special styling for those controls */ #search { /*width: 32%;*/ margin: 0px 21px 0 0; padding: 0; text-align: right; } #search input[class='searchfield'] { background: #fff url(../images/search.jpg) no-repeat 1px center; /* Magnifying glass image in search field */ margin-left: 0px; padding-left: 16px; max-width: 120px; _width: 117px; /* IE doesn't understand max-width. The lesser width value is an attempt to catch the "3px jog" bug in IE6. */ } #search input[type='submit'] {margin-left: 5px;} /* Submit button in search field */ /* BREADCRUMBS LINE */ #crumbs { margin: 0 auto; clear:both; /*padding: 2px 16px;*/ font-size: 0.82em; /*line-height: 1.7em;*/ /*border-bottom: 1px solid #ddd;*/ } #crumbs a:hover, #crumbs a:focus {text-decoration: underline;} /* MAIN CONTENT AREA */ #content { margin: 0 auto 2em; padding: 0; height: auto; } /* ARTICLE RULES */ #posts p.subcat { margin-left: 20px; } #posts { width: 56%; height: 100%; margin: 1em 2em 1em 1em; } #posts h2 a, #posts p a {text-decoration: underline;} #posts h2 a:hover, #posts h2 a:focus {text-decoration: underline;} #posts p a:hover, #posts p a:focus {text-decoration: underline;} #posts p.subcat {margin-left: 20px;} #posts ul {list-style-type: none; } #posts ul li {margin: 6px 0;} #posts ul li.subcat {margin-left: 12px; list-style: square inside !important;} #posts li a {} #posts li a:hover, #posts li a:focus {text-decoration: underline;} /* SIDEBAR RULES */ #side { width: 34%; height: 100%; margin: 2% 1%; padding: 0; font-size: 0.78em; } #side a {text-decoration: none;} #side a:visited {} #side a:hover, #side a:focus {text-decoration: underline;} #side h2, #side h3, #side h4, #side h5, #side h6 {font-weight: bold; letter-spacing: normal; } #side p {line-height: 1.5em;} #side ul { /*list-style: none;*/ margin-bottom: 20px; } #side ul li ul { list-style: none; margin-bottom: 0px; } /* SINGLE DIV CAN BE USED TO HAVE TWO-COLUMN CONTENT WITHIN THE SIDEBAR. IF PAGE WIDTH IS SET TO 768PX OR LESS, CONSIDER COMMENTING OUT/REMOVING THE "SINGLE" DIVS IN INDEX.PHP */ .single { width: 44%; height: 100%; margin: 2% auto; padding: 2% 0; border-top: 3px solid #ab6; line-height: 1.5em !important; } /* THE CATEGORY MENU LIST GETS SPECIAL STYLING TO CATER FOR THE SUBCATEGORY NESTED LIST. */ ul#categorymenu {list-style-type: none;} ul#categorymenu li { margin: 5px 0; padding: 1px 0; border-bottom: 1px solid #ddc; } ul#categorymenu li a {} ul#categorymenu li a:hover, #posts li a:focus {text-decoration: underline;} /* For subcategories */ /*ul#categorymenu li ul {list-style: square inside;}*/ ul#categorymenu li ul li { margin: 0 6px; padding: 2px 0 2px 2px; /*color: gray;*/ font-weight: bold; border-bottom: none; } /* THE CATEGORY MENU LIST GETS SPECIAL STYLING TO CATER FOR THE SUBCATEGORY NESTED LIST. */ ul#rssmenu {list-style-type: none;} ul#rssmenu li { margin: 5px 0; padding: 1px 0; border-bottom: 1px solid #ddc; } ul#rssmenu li a {} ul#rssmenu li a:hover, #posts li a:focus {text-decoration: underline;} /* For subcategories */ ul#rssmenu li ul {list-style: square inside;} ul#rssmenu li ul li { margin: 0 6px; padding: 2px 0 2px 2px; /*color: gray;*/ font-weight: bold; border-bottom: none; } #pagefoot { text-align: center; margin: 1em auto; padding: .9em .4em; font-size: .75em; font-style: oblique; line-height: 1.33em; clear: both; } #pagefoot a { text-decoration: underline; } #pagefoot a:hover, #pagefoot a:focus { text-decoration: none; outline: none; } /* *********************************** */ /* sNews SPECIALS (Articles and Admin) */ /* *********************************** */ #posts fieldset { border: none; width: 100%; } #posts fieldset a { font-weight: bold; } #posts fieldset a:hover, #posts fieldset a:focus {} #posts legend { float: left; display: inline; clear: right; margin: auto; width: 100%; text-align: left; padding: 0 0 0.6em 0; font-size: 1.4em; } #posts legend a { text-decoration: none !important; font-weight: bold; } #posts legend a:hover, #posts legend a:focus {text-decoration: underline !important;} #posts fieldset textarea { width: 90%; height: auto; min-height: 10em; _height: 10em; /* IE 6-7 doesn't understand "min_height" */ padding: 3px; /*border: 1px solid #ba5; background: white; outline-color: #a94;*/ } #posts fieldset input[type='text'] { padding: 3px; /*border: 1px solid #ba5; background: white; outline-color: #a94;*/ } #posts input[type='submit'] {margin: .3em;} /* STYLES FOR ADMIN AREA SIMPLE TEXT EDITOR BUTTONS */ #posts input[type='button'] { margin: 0 .1em; padding: .2em .8em; line-height: 1.5em; cursor: pointer; /* These two add the underline to the U */ display: block; float: left; } .bold { font-weight: bold; } .italic { font-style:italic; } .underline { text-decoration: underline; } .strike { text-decoration: line-through; } #posts input[type='button']:hover, #posts input[type='button']:focus { } /* ARTICLE DATE LINE (.date) AND COMMENTS NAME/DATE (.meta). NOTE: CLASS "META" IS A NEW ADDITION IN 1.7 */ #posts p.date { font-size: 11px !important; text-align: right; font-weight: bold; margin: 3px 8px 16px 0; } #posts p.date a { text-decoration: underline; } #posts p.date a:hover, p.date a:focus {} #posts p.meta { /* "meta" is a new class on the date/author line for comments */ font-size: 12px !important; text-align: left; font-weight: bold; margin: 9px 0 0 0; padding:3px 0 3px 12px; } #posts p.comment { font-size: 13px !important; line-height: 1.4em !important; font-family: Cambria,Georgia,serif !important; margin: 0 0 18px 0; padding:3px 0 3px 12px; } .commentsbox { margin: 1em auto; padding: .5em; font-size: .88em; line-height: 1.4em; } .commentsbox input[type='text'] { font-weight: bold; padding: 3px; font-size: 110% !important; } .commentsbox input[type='text']:focus {} .commentsbox textarea { font-family: Helvetica,Arial,sans-serif; font-size: 110%; width: 97%; height: auto; min-height: 10em; _height: 11em; padding: 1em; margin: 1.5em 0; } .commentsbox textarea:focus { } .commentsbox h2 { font-size: 1.25em; font-style: oblique; text-decoration: none !important; } .commentsbox h2, .commentsbox p {} div.contactbox { margin: 0 auto 1em; font-size: .9em; line-height: 1.4em; } .contactbox input[type='text'] { border: 1px solid #dc7; background: #ffc; /*color: black;*/ font-weight: bold; padding: 3px; } .contactbox input[type='text']:focus {} .contactbox textarea { width: 90%; height: auto; min-height: 8em; _height: 10em; padding: 1em; margin: 1.5em 0; } .contactbox textarea:focus { background: white; border: 1px solid gray; outline-color: silver; } .contactbox h2 { font-size: 1.5em; font-weight: bold; text-decoration: none !important; } /* ADDED: Apr.0308 - keyrocks -------------------------------- */ /* Admin_01 - New Admin Links */ #preview, #customize, #admin_publish_date { padding: 7px; } .New_Admin_Links { font-size: 85%; text-align: center; } .adminlists { font: 13px Arial; list-style: none; } .admintitle { font: bold 16px Arial; } .New_Admin_Links, .adminpanel { padding: 5px 8px 10px 15px; margin: 0 0 8px 0; } .adminpanel input[type='file'] { width: 30em; min-height: 20px; padding: 3px; } /* ********************************* */ // ajouts spécifiques: #side ul {list-style-type: none;} #side li.current { list-style-image:url(../images/disque-sonart-rouge-14.png); } #categorymenu li:hover { list-style-image:url(../images/disque-sonart-6.png); } #contactlink, #contactlink:hover { list-style-image:url(../images/e-mail12.png); } #side li.rss { list-style-type: none; list-style-image:url(../images/rss.gif); } .bannerdiv { float: left; height:48px; width:48px} #banner img { height:40px; width:40px;} #banner {margin-left:17px; } #posts h1 { font-size: 2.8em; letter-spacing: -1.5pt; line-height: 1.2em; margin: 0 0 0 16px; width: 90%; /* display: inline; */ } h2.titleimagewrapper{ float:left; } img.titleimagewrapper{ clear:both; } #adminlinks { margin-left: 20px; font-size:0.82em; padding-bottom:20px; } #languagelinks { margin-right: 20px; font-size:0.82em; } #side { background:#FFFCEA; border-top:thin dotted #F03B19; border-left:thin dotted #F03B19; } #side ul { padding-left:25px;} .page992{ background: #E2DEBF; border:thin dotted #A6AB10; } body{ background: #EFE8AB; } #iframeg2, iframe.gallery2{ background: #EAE6C7; }