Bonjour a tous,
J'aurai besoin d'un coup de pouce pour mon site,j'espere que je post au bon endroit au quel cas je m'excuse d'avance.
Je vous explique je possede un site sur la base de e107 et j'aimerai avoir l'image de fond dynamique ,ce que j'entend par dynamique : 3 ou 4 image qui défile en continu avec la taille 1600x973
le fichier style.css est comme ceci
l'image de fond c'est donc d'origine top.jpg,si vous pouvez me donner un coup de main sa serai sympa
* { padding: 0; margin: 0; border: 0; }
body {
margin:0px;
padding:0px;
background: #121212 url(images/top.jpg) no-repeat center top;
font: 12px Arial,Helvetica,sans-serif;
color: #ccc;
scrollbar-base-color: #292929;
scrollbar-arrow-color: #000;
scrollbar-3dlight-color: #1a1a1a;
scrollbar-darkshadow-color: #000;
scrollbar-face-color: #373737;
scrollbar-highlight-color: #454545;
scrollbar-shadow-color: #000;
scrollbar-track-color: #373737;
}
a { font-weight: bold; color: #8a8b8d; text-decoration: none; text-shadow: 1px 1px 1px #000; outline: none; }
a:hover { color: #db9000; text-decoration: none; outline: none; }
/* images */
img { border: 0; text-decoration:none; }
.clear { clear: both; }
/* Page */
#page_wrapper #page_inner #page-inner-bottom { width: 100%; margin: 0 auto; padding: 0; background: url(images/fondbas.png) no-repeat center bottom; }
/* Content-container */
#content-wrapper { overflow: hidden; width: 960px; margin: 0 auto; padding: 0; }
/* Header */
#ban {width: 959px; height: 163px; background: url(images/ban.png) no-repeat center top; }
#ban2 {width: 959px; height: 163px; background: url(images/banforum.png) no-repeat center top; }
/* Site Main Menus */
#header #main-menu { overflow: hidden; margin: 0 auto; padding: 0; }
#header #main-menu #main-menu-inner { overflow: hidden; background: url(images/barremenu.png) no-repeat center top; }
/* rd Slider */
#rd-container { margin: 0 auto; padding: 15px 0; no-repeat center top; }
.rd-slidecontent{ position: relative; overflow: hidden; width: 960px; height: 300px; margin: 0; padding: 0; }
.rd-slidecontent .preload{
height:100%;
width:100%;
background: transparent;
position:absolute;
top:0;
left:0;
z-index:100000;
color:#FFF;
text-align:center
}
.rd-slidecontent .preload div{
height:100%;
width:100%;
background: url(images/rdslider/load-indicator.gif) no-repeat 50% 50%;
}
.rd-main-outer{
position:relative;
height:100%;
width:620px;
z-index:3;
overflow:hidden;
margin: 0 10px;
padding: 0;
}
/*******************************************************/
.rd-main-item-desc{
z-index:100px;
position:absolute;
top: 200px;
left:50px;
width: 520px;
background: url(images/rdslider/transparent_bg.png);
/* filter:0.7(opacity:60) */
}
.rd-main-item-desc h3 { font: 22px "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; color: #ce8200; margin:0; padding: 10px 10px 2px; }
.rd-main-item-desc h3 a{ color: #ce8200; text-decoration: none; }
.rd-main-item-desc h3 a:hover{ color:#FF6; text-decoration: none; }
.rd-main-item-desc p { color: #e4e4e4; margin: 0 8px; padding: 8px 0; }
/* main flash */
ul.rd-main-wapper{
/* margin-right:auto; */
overflow:hidden;
background: url(images/rdslider/load-indicator.gif) no-repeat center center;
padding:0px;
margin:0;
height:300px;
width:620px;
position:absolute;
overflow:hidden;
}
ul.rd-main-wapper li{
overflow:hidden;
padding:0px;
margin:0px;
height:100%;
width:620px;
float:left;
/* TEXT SHADOW */
text-shadow: 1px 1px 1px #000;
outline: none;
}
.rd-opacity li{
position:absolute;
top:0;
left:0;
float:inherit;
}
ul.rd-main-wapper li img{
padding:0px;
width:620px;
/* BOX SHADOW */
-moz-box-shadow: 0 1px 3px #000;
-webkit-box-shadow: 0 1px 3px #000;
-khtml-box-shadow: 0 1px 3px #000;
-o-box-shadow: 0 1px 3px #000;
box-shadow: 0 1px 3px #000;
}
li-desc{
z-index:100;
position:absolute;
top: 200px;
left:50px;
width: 520px;
background: url(images/rdslider/transparent_bg.png);
/* filter:0.7(opacity:60) */
}
li-desc p{
color:#b9b9b9;
margin:0 8px;
padding:8px 0
}
li-desc h3 a{
color: #ce8200;
margin:0;
font-size:140%;
padding:20px 10px 2px;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
li-desc h3 a:hover{
color:#FF6;
text-decoration:underline;
}
/* item navigator */
.rd-navigator-outer{
position:absolute;
right:0;
top:00px;
z-index:100;
height:300px;
width:310px;
overflow:hidden;
color:#FFF;
margin: 0 10px 0 0;
}
ul.rd-navigator{
top:0;
padding:0;
margin:0;
position:absolute;
width:100%;
}
ul.rd-navigator li{
cursor:hand;
cursor:pointer;
list-style:none;
width:100%;
padding:0;
margin:0;
overflow:hidden;
}
.rd-navigator li.active{
background:url(images/rdslider/arrow-bg.png) no-repeat left center;
color:#FFF
}
.rd-navigator li:hover{
}
.rd-navigator li h3{
color:#ce8200;
font-size:100%;
padding:15px 0 0 !important;
margin:0;
}
.rd-navigator li div{
background: url(images/rdslider/rdslider-nav-bg.png) no-repeat right bottom;
color:#b9b9b9;
height:100%;
position:relative;
margin-left:15px;
padding-left:15px;
padding-right: 10px;
}
.rd-navigator li.active div{
background:url(images/rdslider/rdslider-nav-bg-hover.png) repeat-x right bottom;
color:#b9b9b9;
}
.rd-navigator li img{
height:60px;
width:60px;
margin:15px 10px 10px 0px;
float:left;
padding: 0;
border:#515151 solid 1px;
}
.rd-navigator li.active img{
border:#7b3d00 solid 1px;
}
.rd-navigator li.active h3{
font: 12px "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; color: #ce8200;
}
/******************************************************************/
#content-container { overflow: hidden; clear: both; margin: 0 auto; padding: 0; background: #191919 url(images/content-container-background.png) repeat-x center top; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #5e5e5e; }
/* Search Area */
/* Site Search */
#sitesearch { clear: both; overflow: hidden; width: 940px; margin: 0 10px; padding: 0; }
#sitesearch #sitesearch-inner { height: 28px; margin: 15px; padding: 0; }
#sitesearch #sitesearch-inner .inputbox { float: left; width: 188px; font: 12px Arial,Helvetica,sans-serif; color: #ccc; height: 28px; line-height: 28px; background: url(images/search-background.png) no-repeat left top; margin: 0; padding: 0 0 0 10px; border: none; }
#sitesearch #sitesearch-inner .inputbutton { float: left; width: 36px; height: 24px; margin: 0; padding: 0; border: none; cursor: pointer; }
/* Main Content */
#main-content { width: 960px; margin: 0; padding: 0; }
/* left Column */
#left-column { display: inline; float: left; width: 270px; position: relative; left: -690px; margin: 0 0px; padding: 0; }
/* left menus */
.left-box { position: relative; margin: 0 0 -0px 0; padding: 10px;}
.lefttitle { height: 58px; width:270px; margin: -17px 0 0 0; background: url(images/leftmenu-title-bg.png) no-repeat center top; }
.lefttitle-txt { font: bold 12px Arial,Helvetica,sans-serif; color: #fff; line-height: 42px; margin: 0; padding: 0 0 0 15px; text-transform: uppercase; text-align: left; }
.left-body { font: 12px Arial,Helvetica,sans-serif; color: #999; line-height: 21px; margin: 0; padding: 5px; margin-top:-20px; }
.lefttxt a { color: #e69313; text-decoration: none; }
.lefttxt a:hover { color: #d6d4d5; text-decoration: none; }
/* bas s */
.bas-box { position: relative; margin-left: -27px; padding: 20px; }
.bastitle { height: 58px; width:315px; margin: -15px 0 0 0; background: url(images/basmenu-title-bg.png) no-repeat center top; }
.bastitle-txt { font: bold 12px Arial,Helvetica,sans-serif; color: #fff; line-height: 42px; margin: 0; padding: 0 0 0 15px; text-transform: uppercase; text-align: left; }
.bas-body { font: 12px Arial,Helvetica,sans-serif; color: #999; line-height: 21px; margin: 0; padding: 5px; margin-top:-20px;}
.bastxt a { color: #e69313; text-decoration: none; }
.bastxt a:hover { color: #d6d4d5; text-decoration: none; }
/* Menu 1 */
#menu1 { display: inline; float: left; width: 680px; position: relative; left: 270px; margin: 0px 0px; margin-top: -50px; }
.menu1title { display:none; }
/* Menu 2 */
#menu2 { float: left; width: 282px; margin-top: -50px; margin: 0px 0px; padding: 0px 0px;
}
.menu2title { display:none; }
.menu2itle-txt { font: bold 12px Arial,Helvetica,sans-serif; color: #fff; line-height: 42px; margin: 0; padding: 0 0 0 15px; text-transform: uppercase; text-align: left; }
.menu2-body { font: 12px Arial,Helvetica,sans-serif; color: #999; line-height: 21px; margin: 0; margin-left:8px; padding: 0px; margin-top:-5px;}
.menu2txt a { color: #e69313; text-decoration: none; }
.menu2txt a:hover { color: #d6d4d5; text-decoration: none; }
/* Content Slider */
#right-column #content-slider { position: relative; margin: 0 0 10px 0; padding: 0; }
ul.tabs {
margin: 0 15px;
padding: 0;
float: left;
list-style: none;
height: 58px; /*--Set height of tabs--*/
width: 590px;
background: url(images/content-slider-title-background.png) no-repeat center top;
}
ul.tabs li {
float: left;
width: 120px;
margin: 0;
padding: 0 14px 0 13px;
height: 42px;
line-height: 42px;
overflow: hidden;
position: relative;
color: #ffffff;
text-align: center;
cursor: pointer;
}
ul.tabs li a {
text-decoration: none;
color: #fff;
text-shadow: 1px 1px 2px #000;
display: block;
font: 14px Arial,Helvetica,sans-serif;
line-height: 42px;
padding: 0;
outline: none;
}
ul.tabs li a:hover {
background: url(images/content-slider-title-slider.png) no-repeat center top;
color: #ce8200;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: url(images/content-slider-title-slider.png) no-repeat center top;
color: #ce8200;
}
.tab_container { clear: both; float: left; width: 590px; margin: 0 15px; color: #999; }
.tab_content { padding: 20px; font: 12px Arial,Helvetica,sans-serif; }
.tab_content h2 { margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 1px dashed #4a4a4a; font: 22px Arial,Helvetica,sans-serif; color: #ce8200; text-shadow: 1px 1px 2px #000; }
.tab_content h3 { margin: 15px 0; font: bold 16px Arial,Helvetica,sans-serif; color: #ce8200; text-shadow: 1px 1px 2px #000; }
.tab_content h3 a{ color: #ce8200; }
.tab_content img {
float: left;
margin: 0 15px 10px 0;
padding: 5px;
border: 1px solid #292929;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0 1px 2px #000;
-moz-box-shadow: 0 1px 2px #000;
-khtml-box-shadow: 0 1px 2px #000;
-o-box-shadow: 0 1px 2px #000;
box-shadow: 0 1px 2px #000;
}
/* News */
#right-column #news { position: relative; margin: 0 0 10px 0; padding: 0; }
/* News Posts */
.post { overflow: hidden; margin: 0; padding: 0; }
.news-background-left { margin: 0; padding: 0; background: url(images/news-background-left.png) repeat-y left top; }
.news-background-right { margin: 10; padding: 0; background: url(images/news-background-right.png) repeat-y right top; }
.news-background-bottom { margin: 0; padding: 0; background: url(images/news-background-bottom.png) repeat-x center bottom; }
.news-background-bottomleft { margin: 0; padding: 0; background: url(images/news-background-bottomleft.png) no-repeat left bottom; }
.news-header { margin: 0 0 10px 0; padding: 0; }
.news-header-background { margin: 0px 0 0 0px; background: url(images/news.png) no-repeat; }
.news-options-bg { overflow: hidden; float: right; width: 75px; height: 21px; margin: 10px 0 0 0; padding: 1px 15px 0 24px; background: url(images/news-options-bg.png) no-repeat top; }
.news-title { font: bold 14px Arial,Helvetica,sans-serif; color: #fff; width: auto; height: 58px; line-height: 42px; margin-left: 10px; padding: 0 0 0 25px; text-transform: uppercase; text-align: left; background: url(images/titre.png) no-repeat left 13px; }
.news-title a { color: #fff; text-decoration: none; outline: none; }
.news-title a:hover { color: #8a8b8d; text-decoration: none; outline: none; }
.news-body { font: 12px Arial,Helvetica,sans-serif; color: #999; line-height: 21px; margin: 10 10 10px 0; padding: 10px; }
.news-body img {
display: block;
margin: 10 auto;
padding: 8px;
border: 1px solid #424242;
-moz-border-radius:6px;
-khtml-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: 0 1px 2px #000;
-moz-box-shadow: 0 1px 2px #000;
-khtml-box-shadow: 0 1px 2px #000;
-o-box-shadow: 0 1px 2px #000;
box-shadow: 0 1px 2px #000;
}
.news-info { overflow: hidden; margin: 12px -11px 0 4px; padding: 5px 0px 5px 0px; background: #373737 url(images/news-info-background.png) repeat-x center top; border-bottom: 1px solid #1a1a1a; }
.news-info-inner { float: left; height: 24px; line-height: 24px; margin: 0; padding: 0 15px 0 12px; background: url(images/news-info-background-inner.png) no-repeat right top; }
.news-author { display: inline; font: bold 12px Arial,Helvetica,sans-serif; color: #999; line-height: 24px; margin: 0 16px 15px 0; padding: 0; text-align: right; }
.news-date { display: inline; font: bold 12px Arial,Helvetica,sans-serif; color: #999; line-height: 24px; margin: 0 6px 15px 0; padding: 0 0 0 8px; border-left: 1px solid #444; text-align: right; }
.news-category { display: inline; font: bold 12px Arial,Helvetica,sans-serif; color: #999; line-height: 24px; margin: 0 6px 15px 0; padding: 0 0 0 8px; border-left: 1px solid #444; text-align: right; }
.newscomments { display: block; float: right; height: 24px; line-height: 24px; margin-right: 10px; padding: 0 12px 0 19px; background: url(images/news-info-background-inner2.png) no-repeat left top; }
.read-the-rest-button { display:inline-block; height:34px; margin-left:10px; background: url(images/readtherest-button-right.png) no-repeat right top; }
.read-the-rest-button:hover { background: url(images/readtherest-button-right.png) no-repeat right -34px; }
.read-the-rest-button span { overflow:visible; display:block; float:left; height:31px; font: bold 12px Arial,Helvetica,sans-serif; color:#fff; line-height:32px; text-shadow:1px 1px 2px #000; margin-left:-10px; padding: 0 15px 3px; background:url(images/readtherest-button-left.png) no-repeat left top; cursor:pointer; }
.read-the-rest-button span:hover { color: #8a8b8d; text-decoration: none; outline: none; background:url(images/readtherest-button-left.png) no-repeat left -34px; }
a.news_extendstring { color: #fff; padding: 7px 0; text-decoration: none; outline: none; }
a.news_extendstring:hover { color: #8a8b8d; padding: 7px 0; text-decoration: none; outline: none; }
/* Center menu */
.centermenu { overflow: hidden; margin: 0; padding: 0; }
.centermenu-background { margin: 0; padding: 0; background: url(images/news-background.png) repeat-x center top; }
.centermenu-background-left { margin: 0; padding: 0; background: url(images/news-background-left.png) repeat-y left top; }
.centermenu-background-right { margin: 0; padding: 0; background: url(images/news-background-right.png) repeat-y right top; }
.centermenu-background-bottom { margin: 0; padding: 0; background: url(images/news-background-bottom.png) repeat-x center bottom; }
.centermenu-background-topleft { margin: 0; padding: 0; background: url(images/news-background-topleft.png) no-repeat left top; }
.centermenu-background-topright { margin: 0; padding: 0; background: url(images/news-background-topright.png) no-repeat right top; }
.centermenu-background-bottomleft { margin: 0; padding: 0; background: url(images/news-background-bottomleft.png) no-repeat left bottom; }
.centermenu-background-bottomright { margin: 0 0 10px 0; padding: 15px 15px 0 15px; background: url(images/news-background-bottomright.png) no-repeat right bottom; }
.centermenu-header { margin: 0 0 -10px 0; padding: 0; }
.centermenu-header-background { margin: -10px 0 0 0; padding: 0; background: url(images/news-header-bg.png) repeat-x center top; }
.centermenu-header-background-left { margin: 0; padding: 0; }
.centermenu-header-background-right { height: 58px; margin: 0; padding: 0; }
.centermenu-title { font: bold 14px Arial,Helvetica,sans-serif; color: #fff; width: auto; height: 58px; line-height: 42px; margin: 0; padding: 0 0 0 25px; text-transform: uppercase; text-align: left; }
.centermenu-title a { color: #fff; text-decoration: none; outline: none; }
.centermenu-title a:hover { color: #8a8b8d; text-decoration: none; outline: none; }
.centermenu-body { font: 12px Arial,Helvetica,sans-serif; color: #999; line-height: 21px; margin: 0 0 15px 0; padding: 0 0 15px 0; }
.centermenu a { color: #555; text-decoration: none; }
.centermenu a:hover { color: #db9000; text-decoration: none; }
/* Page Bottom Menus */
#content-container-bottom { overflow: hidden; clear: both; margin: 0 auto; padding: 0; background: #1c1c1curl(images/fond1.png) repeat-x center top; }
#content-container-bottom-inner { margin: 0; padding: 40px 0 20px 0; }
#bottom-menu-box { float: left; display: inline; width: 300px; position: relative; margin: 0; padding: 0 9px; }
#bottom-menu-box2 { float: left; display: inline; width: 300px; position: relative; margin: 0; padding: 0 10px; }
/* Footer */
#footer { position:relative; margin:0px -20px 0; padding:10px 20px 0; text-align:left; height: 143px; background: url(images/footer-background.png) no-repeat center top; }
#footer #footer-inner { width: 940px; margin: 0 10px; padding: 0; }
#footer .footertxt { margin: 30px 0; padding: 15px; font: 12px Arial,Helvetica,sans-serif; color: #9D3131; text-align: left; }
/* calendar_template.php */
.calendarborder { border: 5px solid #181818; background: #181818; }
.calendarheader2 {
/* BACKGROUND GRADIENTS */
/* fallback (Opera) */
background: #515151;
/* Mozilla: */
background: -moz-linear-gradient(top, #434343, #141414);
/* Chrome, Safari:*/
background: -webkit-gradient(linear, left top, left bottom, from(#434343), to(#141414));
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#141414');
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#141414')";
font: 12px Arial,Helvetica,sans-serif;
color: #8a8b8d;
text-shadow: 1px 1px 2px #000;
margin: 0;
padding: 3px;
outline: none;
}
.calendarheader2 a { color: #999; text-decoration: none; }
.calendarheader2 a:hover { color: #db9000; text-decoration: none; }
.calendarheader3 {
text-decoration: none;
font: 12px Arial,Helvetica,sans-serif;
color: #fff;
text-shadow: 1px 1px 2px #000;
background: #b96900;
background: -webkit-gradient(linear, left top, left bottom, from(#3a1e1e), to(#b96900));
background: -moz-linear-gradient(top, #3a1e1e, #b96900);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a1e1e', endColorstr='#b96900');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a1e1e', endColorstr='#b96900')";
border: 1px solid #4e0606;
border-top: 1px solid #a14949;
margin: 0;
padding: 3px;
outline: none;
}
/* Other Menus */
.othermenus { margin-top: -15px; padding: 0; background: none;}
.othermenutitle { margin: 0; padding: 0; background: #1c1c1curl(images/content-container-background.png) repeat-x center top; }
.othermenutitle h4 { margin: 0; padding: 10px; font: 16px Arial,Helvetica,sans-serif; color: #fff; text-align: left; }
.othermenutxt { margin: 0 auto; padding: 5px 10px; font: 12px Arial,Helvetica,sans-serif; color:#999; }
.othermenutxt a { color: #ce8200; text-decoration: none; }
.othermenutxt a:hover { color: #db9000; text-decoration: none; }
/********************** core style ********************************/
/* tbox, chatbox, button */
.tbox{ font: 12px Arial,Helvetica,sans-serif; color: #d6d4d5; background: #2b2b2b; margin: 0 0 5px 0; padding: 0; border-left: 1px solid #282828; border-top: 1px solid #282828; border-right: 1px solid #4e4e4e; border-bottom: 1px solid #4e4e4e; }
.tbox.chatbox { width: 86%; color: #d6d4d5; background: #2b2b2b; padding: 4px; margin: 10px auto; border-left: 1px solid #282828; border-top: 1px solid #282828; border-right: 1px solid #4e4e4e; border-bottom: 1px solid #4e4e4e; }
.button {
font: 12px Arial,Helvetica,sans-serif;
color: #626262;
margin: 2px;
padding: 3px 6px;
text-align: center;
cursor:pointer;
/* BACKGROUND GRADIENTS */
/* fallback (Opera) */
background: #1a1a1a;
/* Mozilla: */
background: -moz-linear-gradient(top, #434343, #19191950%, #333333 51%, #141414);
/* Chrome, Safari:*/
background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #434343), color-stop(.5, #1c1c1c), color-stop(.5, #333333), to(#141414));
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#141414');
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#141414')";
/* BORDER RADIUS */
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #141414;
border-top: 1px solid #666666;
/* TEXT SHADOW */
text-shadow: 1px 1px 1px #000;
/* BOX SHADOW */
-moz-box-shadow: 0 1px 3px #000;
-webkit-box-shadow: 0 1px 3px #000;
-khtml-box-shadow: 0 1px 3px #000;
-o-box-shadow: 0 1px 3px #000;
box-shadow: 0 1px 3px #000;
outline: none;
}
.button:hover {
text-decoration: none;
color: #fff;
background: #b96900;
background: -webkit-gradient(linear, left top, left bottom, from(#3a1e1e), to(#b96900));
background: -moz-linear-gradient(top, #3a1e1e, #b96900);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a1e1e', endColorstr='#b96900');
border: 1px solid #4e0606;
border-top: 1px solid #a14949;
outline: none;
}
.button:active {
position: relative;
top: 1px;
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#3a1e1e), to(#b96900));
background: -moz-linear-gradient(top, #3a1e1e, #b96900);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a1e1e', endColorstr='#b96900');
border: 1px solid #4e0606;
border-top: 1px solid #a14949;
outline: none;
}
/* FORUMS */
.forumHeader { width: 1140px; height: 109px; }
.border { border: 1px solid #3a3a2f; }
.fborder { border: 2px solid #151515; background: transparent; }
.forumheader{ background: #191818 url(images/forumheader.gif) repeat-x left top; font: bold 13px Tahoma, Arial, Sans-serif; color: #aaaaaa; padding: 4px; border-bottom: 1px solid #151515; border-right: 1px solid #151515; border-left: 1px solid #474747; border-top: 1px solid #474747; }
.forumheader2 a:hover { color: #cf7000; text-decoration: none; }
.forumheader2 a { color: #676767; text-decoration: none; }
.forumheader2{ background: #191818; font: 12px Tahoma, Arial, Sans-serif; color: #fff; padding: 4px; border-bottom: 1px solid #151515; border-right: 1px solid #151515; border-left: 1px solid #474747; border-top: 1px solid #474747; }
.forumheader3{ background: #191818; font: 12px Tahoma, Arial, Sans-serif; color: #aaaaaa; padding: 4px; border-bottom: 1px solid #151515; border-right: 1px solid #151515; border-left: 1px solid #474747; border-top: 1px solid #474747; }
.forumheader3 a { color: #864900; text-decoration: none; }
.forumheader3 a:hover { color: #d6d6d6; text-decoration: none; }
.forumborder{ border: 1px solid #3a3a2f; }
a.forumlink{ color: #ccc; text-decoration: underline; }
.nforumcaption2 { background: #22221b; font: bold 12px Tahoma, Arial, Sans-serif; color: #aaaaaa; padding: 8px 5px; border-bottom: 1px solid #151515; border-right: 1px solid #151515; border-left: 1px solid #474747; border-top: 1px solid #474747; }
.caption { background: #fafafa; font: 13px Tahoma, Arial, Sans-serif; color: #476042; padding: 0px 4px 0px 4px; border-bottom: 1px solid #151515; border-right: 1px solid #151515; border-left: 1px solid #474747; border-top: 1px solid #474747; }
.fcaption { background: #22221b url(images/fheader.gif) repeat-x left top; font: bold 13px Tahoma, Arial, Sans-serif; color:#aaaaaa; padding: 7px; border-bottom: 1px solid #151515; border-right: 1px solid #151515; border-left: 1px solid #474747; border-top: 1px solid #474747; }
.fcaption a { color: #ccc; text-decoration: none; }
.fcaption a:hover { color: #fff text-decoration: underline; }
.finfobar{ background: #191818; font: 12px Tahoma, Arial, Sans-serif; color:#000; padding: 4px; border-bottom: 3px solid #151515; border-right: 1px solid #151515; border-left: 1px solid #474747; border-top: 1px solid #474747; }
.nforumholder { }
.nforumcaption { }
.nforumthread { }
.nforumreplycaption { }
.nforumreply { }
.nforumdisclaimer { }
.nforumview1 { }
.nforumview2 { }
.nforumview3 { }
.nforumview4 { }
/* TEXTS */
.indent{
font: 11px Arial,Helvetica,sans-serif;
color: #666;
font-style: italic;
border: 1px dotted #999;
padding: 10px;
margin: 5px 10px;
}
.smalltext { font: 11px Arial,Helvetica,sans-serif; }
.smallblacktext { font: 11px Arial,Helvetica,sans-serif; }
.defaulttext { font: 12px Arial,Helvetica,sans-serif; }
.mediumtext { font: 12px Arial,Helvetica,sans-serif; }
blockquote { font: 12px Arial,Helvetica,sans-serif; margin-left: 1em; padding-left: .75em; border-left: 2px solid #5b656f; }
.nextprev{ font: 11px Arial,Helvetica,sans-serif; color: #8a8b8d; margin: 25px auto; padding: 0; text-align: center; text-transform: uppercase; }
.nextprev_link {
color: #8a8b8d;
margin: 2px;
padding: 4px 6px 3px 6px;
text-align: center;
cursor:pointer;
background: #3a1e1e url(images/nextprev-button.png) repeat-x left top;
/* BORDER RADIUS */
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #141414;
border-top: 1px solid #666666;
/* TEXT SHADOW */
text-shadow: 1px 1px 1px #000;
/* BOX SHADOW */
-moz-box-shadow: 0 1px 3px #000;
-webkit-box-shadow: 0 1px 3px #000;
-khtml-box-shadow: 0 1px 3px #000;
-o-box-shadow: 0 1px 3px #000;
box-shadow: 0 1px 3px #000;
outline: none;
}
a.nextprev_link{
color: #8a8b8d;
margin: 2px;
padding: 4px 6px 3px 6px;
text-align: center;
cursor:pointer;
background: #3a1e1e url(images/nextprev-button.png) repeat-x left top;
/* BORDER RADIUS */
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #141414;
border-top: 1px solid #666666;
/* TEXT SHADOW */
text-shadow: 1px 1px 1px #000;
/* BOX SHADOW */
-moz-box-shadow: 0 1px 3px #000;
-webkit-box-shadow: 0 1px 3px #000;
-khtml-box-shadow: 0 1px 3px #000;
-o-box-shadow: 0 1px 3px #000;
box-shadow: 0 1px 3px #000;
outline: none;
}
a.nextprev_link:hover {
text-decoration: none;
color: #fff;
background: #3a1e1e url(images/nextprev-button-hover.png) repeat-x left top;
border: 1px solid #4e0606;
border-top: 1px solid #a14949;
outline: none;
}
.nextprev_current {
color: #fff;
margin: 2px;
padding: 4px 6px 3px 6px;
text-align: center;
cursor:pointer;
background: #3a1e1e url(images/nextprev-button-hover.png) repeat-x left top;
/* BORDER RADIUS */
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #4e0606;
border-top: 1px solid #a14949;
/* TEXT SHADOW */
text-shadow: 1px 1px 1px #000;
/* BOX SHADOW */
-moz-box-shadow: 0 1px 3px #000;
-webkit-box-shadow: 0 1px 3px #000;
-khtml-box-shadow: 0 1px 3px #000;
-o-box-shadow: 0 1px 3px #000;
box-shadow: 0 1px 3px #000;
outline: none;
}
.searchhighlight { text-decoration: underline; color: #ff0000; font-weight: bold; }
/* MISC */
td { font: 12px Arial,Helvetica,sans-serif; padding: 0 10px; text-align:left; }
form { margin: 2px 0px 0px 0px; }
p { margin: 0px; padding: 0 0 10px 0; }
.spacer{ padding: 5px 0px 5px 0px; }
hr { width: 90% !important; height: 1px; color: #666; background: #666; text-align: left; margin: 7px 0; padding: 0; border: 0; }
.helpbox { background: transparent; font: 9px Arial,Helvetica,sans-serif; color:#999; border: 0px; margin: 0; padding: 0; }
.bodytable { font-family: Arial,Helvetica,sans-serif; padding: 8px; }
.code-box { font: 12px Arial,Helvetica,sans-serif; color:#999; padding: 8px; }
.code_highlight {
width: 95%;
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 12px Arial,Helvetica,sans-serif;
/* white-space: pre; */
background: #000;
border: 1px dotted #4a4a4a;
}
/* Navigation */
div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over,
div.menu,
div.menu a.menuItem {
margin: 0;
padding: 0;
}
div.menuBar {
margin: 0;
padding-left: 50px;
list-style: none;
}
div.emenuBar {
display: inline;
}
/* main level links */
div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
outline:0;
float: left;
height: 31px;
margin: 0;
padding: 12px 5px 0 38px;
background: url(images/1menu2.png) no-repeat left ;
text-decoration: none;
font-weight: bold;
font: arial, verdana, arial, tahoma, sans-serif;
color: #ccc;
font-size: 12px;
position: relative;
top: 0px;
left: 0px;
z-index: 100;
}
div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
background-image: url(images/1menu.png);
border-color: #212424 #212424 #212424 #212424 !important;
color: #fff;
}
div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover {
background-image: url(images/1menu.png);
border-color: #000 #000 #000 #000 !important;
left: 1px;
top: 1px;
color: #fff;
}
* main level links hover */
div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
color: #c15f00;
}
/* main level links active */
div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover,
div.menuBar a.menuButtonActive:hover {
color: #c15f00;
}
/* sub links container */
div.menu {
position: absolute;
left: -999em;
padding-bottom: 0px;
padding-top: 0px;
visibility: hidden;
background: #2c2c2c;
width: 250px;
z-index: 101;
-ms-filter: ""
}
/* sub links item */
div.menu a.menuItem {
color: #ccc;
display: block;
background: url(images/mainmenu-subitem-bg.png) no-repeat center top;
padding: 10px;
white-space: nowrap;
margin-top: 0;
text-align: left;
font: 12px Arial,Helvetica,sans-serif;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
color: #ce8200;
left: 0;
top: 0;
background: url(images/mainmenu-subitem-bg.png) no-repeat center -43px;
}
div.menu a.menuItem span.menuItemBuffer {
padding: 0px 2px 0px 2px;
color: #ccc;
}
div.menu a.menuItem:hover span.menuItemBuffer {
padding: 0px 2px 0px 2px;
color: #000;
}
div.menu a.menuItem span.menuItemText {
padding: 5px 0 5px 28px;
background: url(images/mainmenu-subitem-bullet.png) no-repeat left 1px;
}
div.menu a.menuItem span.menuItemText:hover {
padding: 5px 0 5px 28px;
background: url(images/mainmenu-subitem-bullet.png) no-repeat left -24px;
}
div.menu a.menuItem span.menuItemArrow {
padding-right: 20px;
}
div.menu div.menuItemSep {
border-top: 0px solid #a5a5a5;
border-bottom: 0px solid #fff;
margin: 4px 2px;
}
a.menuItem.header {
border-bottom: 0px solid #b3b3b3;
}