Hello,
J'ai pu voir les pubs sous FF. Pas encore testé sous IE :)
Style.css:
body
{
color: white;
font-family: Tahoma;
font-color: #000000
background-color: #000000;
margin: 0px;
font-size: 11px;
}
table
{
width: 100%;
font-size: 11px;
}
table#TopMenu{
width: 100%;
}
.TopMenuBg{
background-image: url(images/top_menu_bg.gif);
background-repeat: repeat-x;
}
.TopMenuL {
background-image: url(images/top_menu_l.gif);
background-repeat: no-repeat;
width: 18px;
background-position: left center;
height: 5px;
padding-top: 7px;
}
.TopMenuLinks {
text-align: left;
font-weight: bold;
color: #FFFFFF;
padding-top: 4px;
padding-bottom: 2px;
}
.TopMenuLinks a{
color: #FFFFFF;
}
.TopMenuLinks a:hover{
color: #D1D1D1;
}
.userH{
background-image: url(images/bg_grey_light.gif);
height: 22px;
padding-top: 5px;
font-size: 10px;
background-repeat: repeat-x;
padding-bottom: 0px;
}
.banner{
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #000000;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
}
table#Main
{
background-color: #FFFFFF;
width: 90%;
border-right-width: 5px;
border-right-style: solid;
border-right-color: #b72323;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #b72323;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #b72323;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #b72323;
}
table td
{
padding: 0;
border-width: 0;
vertical-align: top;
font-family: Tahoma;
font-size: 11px;
}
a
{
color: #000000;
text-decoration: none;
font-weight: bold;
background-color: transparent;
}
a:hover
{
color: #F43100;
}
ul
{
margin: 2px;
padding: 2px;
list-style: decimal inside;
text-align: left;
}
li
{
margin-left: 2px;
list-style: square inside;
color: #2F5376;
}
.header1
{
width: 784px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
}
.item
{
color: #0D0D0D;
border-top-width: 3px;
border-right-width: 1px;
border-bottom-width: 2px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #b72323;
border-right-color: #b72323;
border-bottom-color: #b72323;
border-left-color: #b72323;
margin-bottom: 5px;
}
.itemHead
{
padding: 3px 3px 3px 18px;
color: #b72323;
border-bottom: 1px dotted #b72323;
background-color: #ccccff;
}
.itemInfo
{
text-align: right;
padding: 3px;
background-color: #FFFFFF;
}
.itemTitle a
{
font-size: 11px;
font-weight: bold;
font-variant: normal;
color: #b72323;
background-color: transparent;
}
.itemTitle a:hover
{
color: #A40404;
}
.itemPoster
{
font-size: 9px;
}
.itemPostDate
{
font-size: 9px;
}
.itemStats
{
font-size: 9px;
}
.itemBody
{
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
}
.itemText
{
margin-top: 1px;
line-height: 120%;
text-align: justify;
}
.itemText:first-letter
{
}
.itemFoot
{
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-align: right;
margin-top: 0px;
padding-top: 2px;
background-color: #b72323;
color: #000000;
}
.itemFoot a
{
color: #000000;
}
.itemFoot a:hover
{
color: #E1E1E1;
}
.itemAdminLink
{
font-size: 90%;
}
.itemPermaLink
{
font-size: 90%;
}
th
{
background-color: #BBBBBB;
color: #004080;
padding: 2px;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
td#headerbanner
{
width: 100%;
background-color: #FFFFFF;
vertical-align: middle;
}
td#headerbar
{
height: 29px;
background-color: #939393;
color: #FFFFFF;
line-height: 27px;
padding-left: 6px;
padding-right: 7px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
td#headerbar a
{
color: #FFFFFF;
}
td#headerbar a:hover
{
color: #FF8040;
}
td#leftcolumn
{
width: 160px;
font-size: 11px;
padding-top: 0px;
background-image: url(left_column_bg.gif);
background-repeat: repeat-y;
}
td#leftcolumn th
{
vertical-align: bottom;
border-bottom: 0px solid #000000;
background-color: transparent;
color: #000000;
}
td#leftcolumn div.blockTitle
{
padding: 5px 3px 5px 25px;
color: #A40404;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 11px;
background-color: #CCCCFF;
margin-bottom: 2px;
background-image: url(left_column_titles_arrows.gif);
background-repeat: no-repeat;
background-position: left;
width: 130px;
}
td#leftcolumn div.blockContent
{
color: #ffffff
padding: 2px 2px;
line-height: 120%;
}
td#centercolumn
{
font-size: 11px;
color: #b72323;
padding-left: 10px;
padding-right: 10px;
width: 100%;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #b72323;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #b72323;
}
td#centercolumn th
{
color: #FFFFFF;
background-color: #000000;
padding: 3px 10px;
}td#centercolumn th a
{
color: #FFFFFF;
}
td#centercolumn th a:hover
{
color: #ccccff;
}
td#centerCcolumn div.blockTitle
{
padding: 5px 3px 3px 18px;
color: #FFFFFF;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 11px;
margin-bottom: 5px;
background-image: url(centercolumn_titles.gif);
height: 17px;
}
td#centerCcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
margin-bottom: 4px;
line-height: 120%;
padding: 0px 5px 5px;
text-align: justify;
}
td#centerLcolumn
{
width: 50%;
padding: 0px 0px 0px 0px;
border-right: 1px solid #A40404;
}
td#centerLcolumn div.blockTitle
{
padding: 5px 3px 3px 18px;
color: #FFFFFF;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 11px;
margin-bottom: 0px;
background-image: url(centercolumn_titles.gif);
height: 23px;
}
td#centerLcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
line-height: 120%;
padding: 0px 5px 5px;
text-align: justify;
}
td#centerRcolumn
{
width: 50%;
padding: 0px 0px 0px 0px;
}
td#centerRcolumn div.blockTitle
{
padding: 5px 3px 3px 18px;
color: #FFFFFF;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 11px;
margin-bottom: 5px;
background-image: url(centercolumn_titles.gif);
height: 23px;
}
td#centerRcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
margin-bottom: 2px;
line-height: 120%;
padding: 0px 5px 5px;
text-align: justify;
}
td#rightcolumn
{
width: 150px;
font-size: 11px;
border-left: 0px solid #E5E5E5;
padding-top: 0px;
background-image: url(right_column_bg.gif);
padding-left: 0px;
}
td#rightcolumn th
{
vertical-align: bottom;
border-bottom: 0px solid #000000;
background-color: transparent;
color: #000000;
}
td#rightcolumn div.blockTitle
{
padding: 5px 3px 5px 25px;
color: #b72323;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 11px;
background-color: #ccccff;
margin-bottom: 2px;
background-image: url(right_column_titles_arrows.gif);
background-repeat: no-repeat;
background-position: left;
}
td#rightcolumn div.blockContent
{
padding: 3px;
line-height: 120%;
}
td#mainmenu a
{
color: #000000;
font-size: 11px;
display: block;
background-image: url(main_menu_a.gif);
padding-left: 15px;
font-weight: normal;
padding-top: 3px;
height: 16px;
}
td#mainmenu a:hover
{
color: #666666;
background-image: url(main_menu_a.gif);
}
td#mainmenu a.menuTop
{
padding-left: 26px;
color: #000000;
}
td#mainmenu a.menuMain
{
padding-left: 26px;
}
td#mainmenu a.menuSub
{
padding-left: 36px;
color: #9F0000;
font-weight: normal;
background-image: url(main_menu_sub.gif);
}
td#mainmenu a.menuSub:hover
{
color: #FF3300;
}
td#usermenu a
{
color: #000000;
font-weight: normal;
font-size: 11px;
padding-left: 5px;
padding-bottom: 1px;
}
td#usermenu a:hover
{
background-color: #ffffff;
color: #FF0000;
}
td#usermenu a.highlight
{
background-color: #fcc;
}
.head
{
font-weight: bold;
color: #000000;
height: 24px;
line-height: 22px;
text-align: center;
background-color: #A40404;
}
.even
{
color: #3d71b3;
background-color: #ccccff;
padding: 5px;
}
.odd
{
color: #3d71b3;
background-color: #fafafa;
padding: 5px;
}
.foot
{
padding: 5px;
font-weight: bold;
}
tr.even td
{
background-color: transparent;
padding: 5px;
}
tr.odd td
{
background-color: transparent;
padding: 5px;
}
div.errorMsg
{
background-color: #FFCCCC;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.confirmMsg
{
background-color: #DDFFDF;
color: #136C99;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.resultMsg
{
background-color: #ccccff;
color: #333333;
text-align: center;
border-top: 1px solid silver;
border-left: 1px solid silver;
font-weight: bold;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
}
div.xoopsCode
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
div.xoopsQuote
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
.comTitle
{
font-weight: bold;
margin-bottom: 2px;
}
.comText
{
padding: 2px;
}
.comUserStat
{
font-size: 10px;
color: #2F5376;
font-weight: bold;
border: 1px solid silver;
background-color: #ffffff;
margin: 2px;
padding: 2px;
}
.comUserStatCaption
{
font-weight: normal;
}
.comUserStatus
{
margin-left: 2px;
margin-top: 10px;
color: #2F5376;
font-weight: bold;
font-size: 10px;
}
.comUserRank
{
margin: 2px;
}
.comUserRankText
{
font-size: 10px;
font-weight: bold;
}
.comUserRankImg
{
border: 0;
}
.comUserImg
{
margin: 2px;
}
.comDate
{
font-weight: normal;
font-style: italic;
font-size: smaller;
}
.comDateCaption
{
font-weight: bold;
font-style: normal;
}
input
{
font: 11px verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
}
textarea
{
border: 1px solid #8699B5;
width: 400px;
font: 11px verdana, arial, helvetica, sans-serif;
background-color: #F5F5F5;
}
input.formTextBox
{
border: 1px solid #8699B5;
background: #EEEEEE;
font: 11px verdana, arial, helvetica, sans-serif;
}
select
{
border: 1px solid #8699B5;
font: 11px verdana, arial, helvetica, sans-serif;
background-color: #F5F5F5;
}
.cbl
{
margin-bottom: 20px;
}
.ccb
{
margin-bottom: 6px;
}
.footer
{
color: #FFFFFF;
font-size: 10px;
text-align: center;
}
.footer a
{
color: #FFFFFF;
}
.Foot
{
border-top: 0px solid #ccccff;
margin-top: 0px;
background-image: url(footer.gif);
height: 67px;
}
/* dock - top */
.dock {
position: relative;
top: 0px;
height: 60px;
text-align: center;
background-repeat: repeat-x;
}
.dock-container {
position: absolute;
height: 60px;
background: url(images/dock-bg2.gif);
padding-left: 20px;
}
a.dock-item {
display: block;
width: 90px;
color: #333;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 34px Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}
.gauche{
width:200px;
height:60px;
background-image: url(images/logo.gif);
background-repeat: no-repeat;
background-color: #ffffff;
}
.centre{
text-align:center;}
.droite{
width:200px;
height:60px;
background-position: right;
background-image: url(images/geo_red.gif);
background-repeat: no-repeat;
background-color: #ffffff;
}
table#Valid{
padding: 5px 5px 0px;
width: 350px;
margin-top: 5px;
}
#spf {position: absolute;left: -10000px;};
Fisheye est en rapport à mon globalnav.html et au script/module pour le menu en haut (trouvé ici) qui est un menu style Dock version MacOS.
Je ne sais pas où est le TB_SHORT_BANNER (sauf si ça fait référence au bermuda déchiré de Hulk :p)