Bon après m'être penchée sur d'autres soucis, je me réattaque à celui-ci.
Voici les fichiers CSS dont je dispose dans mon thème:
content.css:
/* Start Main Menu */
#mainmenu { font-size: .8em; padding-left:3px; padding-right:3px; padding-bottom:3px;}
#mainmenu a {
display:block;
font-weight: bold;
line-height:14px;
background: url(images/menu_row.jpg) left no-repeat;
padding:2px 22px;
text-decoration:none;
color:#4f8c31;
font-size:12px;}
#mainmenu a:hover { text-decoration:underline; }
#mainmenu a.menuTop {padding-left: 18px; }
#mainmenu a.menuMain {padding-left: 18px;}
#mainmenu a.menuSub {padding-left: 22px; font-size:12px;}
#mainmenu a.menuSub:hover {text-decoration:underline;}
/* End Main Menu */
/* Start User Menu */
#usermenu { font-size: .8em; padding-left:3px; padding-right:3px; padding-bottom:3px;}
#usermenu a {
display:block;
font-weight: bold;
line-height:16px;
background: url(images/menu_row.jpg) left no-repeat;
padding:2px 22px;
text-decoration:none;
color:#4f8c31;
font-size:12px;
}
#usermenu a:hover { text-decoration:underline;}
#usermenu a.menuTop {}
#usermenu a.highlight {}
/* End User Menu */
/* tables and cells */
table { width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top;}
th {background-color: #E8E8E8; color: #4f8c31; padding : 2px; vertical-align : middle;}
.outer {border: 1px solid #ccc;}
.head {background-color: #DCDDB5; color:inherit; padding: 5px; font-weight: bold;}
.even {background-color: #EFF0DF; color:inherit; padding: 5px;}
.odd {background-color: #E6E7CB; color:inherit; padding: 5px;}
.foot {background-color: #F0F1E0; color:inherit; padding: 5px; font-weight: bold;}
tr.even td {background-color: #EEEFDC; color:inherit; padding: 5px;}
tr.odd td {background-color: #F5F5EB; color:inherit; padding: 5px;}
th { background-color:#DEDFB7 !important; }
/* core messages */
.errorMsg { background-color: #FFCCCC; color:inherit; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;font-weight: bold; padding: 10px;}
.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;font-weight: bold; padding: 10px;}
.resultMsg { background-color : #bbb; color: #333; text-align: center; border-top: 1px solid #ccc; border-left: 1px solid #ccc; font-weight: bold; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 10px;}
/* codes and quotes */
.xoopsCode { background-color: #fff; color:inherit; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; max-height: 200px; overflow: auto;}
.xoopsQuote { background-color: #fff; color:inherit; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; font-style:italic; padding: 0 6px 6px 6px;}
/* articles */
.item {}
.itemHead {padding: 3px; background-color:transparent; color: #ECA5A7; font-size: 1.2em;}
.itemInfo {text-align: right; padding: 3px; background-color: transparent; color:inherit;}
.itemTitle a {font-size: 1.2em; font-weight: bold; font-variant: small-caps; color: #ECA5A7; }
.itemTitle a:hover {text-decoration: none; color: #ECA5A7;}
.itemPoster {font-size: .8em;;}
.itemPostDate {font-size: .8em; }
.itemStats {font-size: .8em; }
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 1.3em; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background: transparent; color:inherit;}
.itemAdminLink {font-size: .8em;}
.itemPermaLink {font-size: .8em;}
/* forums */
.comTitle { font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: .7em; color: #639ACE; font-weight:bold; border: 1px solid #ccc; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; background-color: inherit; color: #639ACE; font-weight:bold; font-size: .8em;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: .8em; font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: .8em}
.comDateCaption {font-weight: bold; font-style: normal; font-size: .8em}
.signature { font-size:.8em; font-style:italic;}
Blocks.css:
/* ------ Left column / Right column content------ */
#xo-canvas-leftcolumn .xo-block, #xo-canvas-rightcolumn .xo-block {
margin-top: 2px;
background:#EFF0DF;
/*border:1px solid #CCCCCC;*/
}
#xo-canvas-leftcolumn .xo-blocktitle, #xo-canvas-rightcolumn .xo-blocktitle {
/* padding: 3px;*/
background: url(images/h3.png) no-repeat;
height:77px;
text-align:left;
line-height: 77px;
padding-left:21px;
}
#xo-canvas-leftcolumn .xo-blocktitle h3, #xo-canvas-rightcolumn .xo-blocktitle h3 {
color: #fff;
font-weight: bold;
margin: 0;
padding: 0;
}
#xo-canvas-leftcolumn .xo-blockcontent, #xo-canvas-rightcolumn .xo-blockcontent {
padding: 0.5em;
background: #EFF0DF;
margin: 0px;
}
#xo-canvas-leftcolumn .xo-block.system .xo-blockcontent {
padding: 7px;
}
#xo-canvas-leftcolumn th, #xo-canvas-rightcolumn th {
background-color: #f3ac03;
color: #4F8C31;
}
.xo-block-bottom{
height:18px;
background:url(images/menu-bottom.png) no-repeat;
}
/* ------ Center column content ------ */
#xo-page th {
background-color: #f3ac03;
color: #4F8C31;
}
#xo-page .xo-block {
margin-top: 10px;
margin-bottom: 5px;
}
#xo-page .xo-blocktitle {
padding: .2em;
margin: 0 .5em;
}
#xo-page .xo-blocktitle h3 {
color: #4F8C31;
font-weight: bold;
padding: 0;
margin: 0;
}
#xo-page .xo-blockcontent {
padding: .5em;
}
Layout.css:
/* ---------- Canvas rules ---------- */
#xo-canvas {
/*width: 1200px;*/
margin: 0px auto;
padding: 0;
}
#xo-canvas-content {
line-height: 1.8em;
background: #fff url(images/wrapper_bg.jpg) center repeat-y;
}
#xo-canvas-columns {
margin: 0px 10px;
padding-right: 2px;
margin-top: 0px;
}
#xo-canvas-leftcolumn {
float: left;
width: 180px;
margin-left: -177px;
margin-right: -2px;
}
* html #xo-canvas-leftcolumn { /*IE6 hack*/
margin-left: -85px;
}
*+html #xo-canvas-leftcolumn { /*IE7 hack*/
margin-left: -177px;
}
html*#xo-canvas-rightcolumn { /*safari hack*/
margin-right: -198px;
}
#xo-canvas-rightcolumn {
float: right;
width: 180px;
padding-left: 2px;
margin-right: -188px;
margin-left: -0px;
}
* html #xo-canvas-rightcolumn {
margin-left: -80px;
margin-right: -95px;
}
/* ----------Canvas rules (when columns are visible) ---------- */
#xo-canvas.leftcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns { padding-left: 170px; }
#xo-canvas.rightcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns { padding-right: 190px; }
/*IE6 leftcolumn hack*/
* html #xo-canvas.leftcolumn-layout #xo-page {float: left; width:97%;}
* html #xo-canvas.leftcolumn-layout #xo-canvas { width: 1000px;}
* html #xo-canvas.leftcolumn-layout #xo-canvas-leftcolumn { margin-left: -88px;}
/*end hack*/
*+html #xo-canvas.leftcolumn-layout #xo-page {float: left; width:96%;} /**IE7 leftcolumn hack/
/* ----------Page [center column] rules ---------- */
#xo-page {
float: left;
width: 98%;
}
/* ------- Top and bottom zones (2 columns) ------- */
#xo-page-topleftblocks, #xo-page-bottomleftblocks {
float: left;
width: 46%;
margin-left: 1%;
margin-right: 1%;
padding: 0px;
background: url(images/block-bg1.gif) bottom right no-repeat;
}
#xo-page-toprightblocks, #xo-page-bottomrightblocks {
float: right;
width: 46%;
margin-left: 1%;
margin-right: 0;
background: url(images/block-bg2.gif) bottom right no-repeat;
}
* html #xo-page-topleftblocks, * html #xo-page-bottomleftblocks,
* html #xo-page-toprightblocks, * html #xo-page-bottomrightblocks
{
width: 46%;
}
#xo-page-topcenterblocks, #xo-page-bottomcenterblocks {
clear: both;
margin-left: 1%;
margin-right: 0;
}
/* ------- Top and bottom zones (3 columns) ------- */
#xo-page-topblocks.xo-lcrpageblocks .xo-blockszone, #xo-page-bottomblocks.xo-lcrpageblocks .xo-blockszone {
float: left;
clear: none;
width: 31.2%;
}
* html #xo-page-topblocks.xo-lcrpageblocks .xo-blockszone,
* html #xo-page-bottomblocks.xo-lcrpageblocks .xo-blockszone {
width: 30.6%;
}
#xo-page-topblocks.xo-lcrpageblocks #xo-page-topleftblocks {}
#xo-content {
position: relative;
clear: both;
}
et style.css:
@import url(layout.css);
@import url(blocks.css);
@import url(content.css);
/* ------ General styles ------ */
html, body {
font-family:Tahoma, Arial, sans-serif;
line-height: 3em;
margin: 0px;
font-size: 10px;
color: #444444;
background: #D4F9FE url(images/topbg.png) top center repeat-x;
}
#xo-canvas-top {
margin:0 auto;
background: transparent url(images/center_bg_top1.png) top center no-repeat;
width: 1140px;
height:20px;
padding: 0;
}
#xo-canvas {
margin:0 auto;
background: #fff url(images/center_bg1.png) center repeat-y;
width: 1140px;
padding: 0;
}
table {
width: 100%;
}
table td {
padding: 0;
border-width: 0;
vertical-align: top;
}
img {
border: 0;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
color:#4F8C31;
}
a:hover {
text-decoration: underline;
font-weight: normal;
}
input.button {
cursor: pointer;
background:none;
}
input[type=submit] {
FONT-SIZE: 12px;
PADDING-RIGHT: 0.5em;
PADDING-LEFT: 0.5em;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
BACKGROUND: #006600;
BACKGROUND-POSITION: bottom;
BACKGROUND-REPEAT: repeat-x;
COLOR: #fff;
CURSOR: pointer;
BORDER: none;
}
input[type=button] {
PADDING-RIGHT: 0.5em;
PADDING-LEFT: 0.5em;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
BACKGROUND: #006600;
COLOR: #fff;
CURSOR: pointer;
BORDER: none;
}
p {
margin-top: 0;
margin-bottom: 5px;
}
h1 {font-size: 1.4em; }
h2 {font-size: 1.2em;}
h3 {font-size: 1em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}
/**************/
#path {
width:902px;
text-align:left;
margin:0 auto;
}
#header {
background: #fff url(images/header1.jpg) top center no-repeat;
width:1140px;
height:161px;
font-size:8px;
margin:0 auto;
}
#logo{
font-size: 26px;
line-height:140px;
text-align: center;
font-weight: bold;
}
#logo a{
color: #fff;
}
#logo a:hover{
text-decoration:none;
}
.pill_m {
text-align: left;
padding: 0;
margin: 0 auto;
background:url(images/topmenu_bg1.png) top center no-repeat;
width:1140px;
height: 97px;
}
#pillmenu {
margin: 0;
text-align: center;
padding: 45px 0 0;
}
#pillmenu ul {
margin: 0;
padding-left: 430px; /*change if add item to topmenu*/
list-style: none;
}
#pillmenu li {
float: left;
margin: 0;
padding: 0;
height: 40px;
}
#pillmenu a {
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
float: left;
display: block;
line-height: 38px;
padding: 0 8px 0 8px;
color: #fff;
text-decoration: none;
font-weight: bold;
text-align: center;
}
#pillmenu a:hover {
color: #829300;
text-decoration: none;
}
#pillmenu a#active_menu-nav {
}
#bottom_bg {
background: url(images/bottom_bg.jpg) 0 100% repeat-x;
margin:0 auto;
width:902px;
height:10px;
font-size:8px;
}
#footer {
text-align:center;
margin:0 auto;
padding: 0px;
clear: both;
background:url(images/footer_bg1.png) center no-repeat;
width:1140px;
height:61px;
line-height:61px;
}
#footer a{color:#C4D37B; text-align:center;}
/****************/
/* ---------- Column left/right rules ---------- */
#xo-canvas-rightcolumn {}
#xo-canvas-rightcolumn a {}
#xo-canvas-rightcolumn a:hover {}
#xo-canvas-leftcolumn {}
#xo-canvas-leftcolumn a {}
#xo-canvas-leftcolumn a:hover {}
/* ------ Main content ------ */
/* lists */
#xo-canvas-content ul {margin: 10px; padding: 5px; text-align: left;}
#xo-canvas-content li {margin-left: 5px; color: #000; background-color: inherit; line-height: 1.4em; list-style:url(images/li.gif); }
#xo-page {
padding: 1 .5em;
}
/* ---------- Module display rules ---------- */
#xo-content {
padding: 15px 15px;
}
/* ---------- Redirect ------------ */
#xo-redirect {
margin: 40px 0;
margin-left: auto;
margin-right: auto;
width: 85%;
background-color: #f7e6bd;
color: #222;
text-align: center;
font-weight: bold;
padding: 10px;
text-align: center;
border: 2px solid #DDDDFF;
}
/* ---------- Site close ------------ */
#xo-siteclose-login {
width: 270px;
margin-left: auto;
margin-right: auto;
border:1px solid #DDDDFF;
margin-top: 40px;
margin-bottom: 20px;
}
#xo-siteclose-login h2 {
background-color: #f3ac03;
font-weight: bold;
font-size: 1em;
color: white;
padding: 2px;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}
#xo-siteclose-login form {
padding: 0px;
margin: 0px;
}
#xo-siteclose-login div{
padding: 6px;
}
#xo-siteclose-login span.left {
float: left;
padding-bottom: 3px;
}
#xo-siteclose-login span.right {
float: right;
padding-right: 3px;
padding-bottom: 3px;
}
#xo-siteclose-login div.button {
text-align: right;
clear: both;
padding-right: 0px;
}
Serait-ce lié au dernier paragraphe du layout.css?
