PDA

Afficher la version complète : Résolu ! comment afficher un background de ce type



mitch84
30/11/2009, 12h15
bjr, j'ai une image que j'aurai voulu mettre en arriere-plan et je voudrais faire exactement comme avec ce FORUM (http://foro.l2express.net/forum.php) avec une autre image bien sur, j'ai beau manipuler mes stylesvars de tous les cotés j'ai toujours une "cassure".
quelqu'un a une idée de la procedure? merci

mitch84
01/12/2009, 15h43
bjr et merci, mais dans le fichier css j'ai ce message en haut de page

This CSS file is obsolete and is available here for reference purposes only.

nino42
01/12/2009, 21h05
salut

voila le css qu'il utlise ou son image d'arriere plan est appelé,pour la version 4 de vb il faut aller dans gerer les styles - variables de styles je n'ai pas reussi a afficher cette image en arriere plan sur mon forum de test ,sinon ou peut stocker également tous les fichiers css en allant dans les options de vb puis styles et langues et cocher
Stocker les feuilles de style CSS comme fichiers
des lors tu pourrais modifier directemnent tes css ,

voici la partie du css ou l'image est appelé

html {
background: #C6DEE8 url(images/l2express/exp.jpg) no-repeat top right;
}



html {
background: #C6DEE8 url(images/l2express/exp.jpg) no-repeat top right;
}
/* REVERSE SOME YUI RESET STUFF */
em {}
strong {}
/* BASIC PAGE ELEMENTS */
body {
width:auto;
min-width:650px;
max-width:auto;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
padding-top:0;
font-size:13px;
color:#4e4e4e;
background: none ;
line-height:1.230;
}
body a {
color:#417394;
text-decoration:none;
}
body a:hover,
body a:hover .time,
body a:hover .shade,
body a:hover .understate {
color:#417394;
text-decoration:underline;
}
body a.understate,
body a .understate {
color:inherit;
text-decoration:none;
*clear:expression(style.color = parentNode.currentStyle.color, style.clear = "none", 0);
}
input,
textarea,
button,
select {
font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
.button {
padding: 2.5px 5px;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
border:0px solid #D8D8D8;
color:#ffffff;
background:#417394 url(images/buttons/newbtn_middle.png) repeat-x top left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.button:hover {
background: #5b8dae url(images/buttons/newbtn_middle.png) repeat-x ;
color: #ffffff;
}
/*
.button[type="reset"]:hover {
background: #5b8dae url(images/buttons/newbtn_middle.png) repeat-x ;
color: #ffffff;
}
*/
body,
legend {
font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
.shade {
color:rgb(153,153,153);
}
.time {
color:rgb(102,102,134);
}
.nocss_label {
display:none;
}
.normal {
font-size:13px;
font-weight:normal;
}
/* BLOCK STUFF */
.block {
background:transparent none ;
border:0 ;
clear:both;
padding:0;
color:;
font: ;
/*margin-bottom:20px;*/
}
.blockhead a { color:; }
.blockhead a:hover { color:; }
.blockhead {
font: normal 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;
color:#3e3e3e;
background:#adcce1 url(images/gradients/gradient-white-down.png) repeat-x ;
padding:5px 10px 5px 10px;
border:1px solid #B5CCDB;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}
.blockhead h2 {
font-weight:bold;
}
.blockhead a { color:#3e3e3e; }
.blockhead a:hover { color:#417394; }
.blockhead img {
margin-bottom: -5px;
}
.blocksubhead {
font: bold 0 ;
color:rgb(0,0,0);
background:#cfcfcf url(images/gradients/subheading-gradient-alpha.png) repeat-x ;
padding:5px 10px 5px 10px;
border-top:1px solid #FFFFFF;
margin: 0 1px;
}
.blocksubhead img {
vertical-align:middle;
}
/*dl.blocksubhead dt, dl.blocksubhead dd {
display:inline;
}
dl.blocksubhead dt { color:rgb(153,153,153); font-weight:normal; }*/
.blocksubhead a { color:black; text-decoration:none; }
.blocksubhead a:hover { color:rgb(255,68,0); }
.blockhead_info, .blocksubhead_info {
float:right;
font-weight:normal;
}
/*.blockhead + */.blockbody { /* not sure why I had this .blockhead + .blockbody selector... need to look out for breakage */
background:rgb(255, 255, 255) none no-repeat ;
padding-left:0px;
padding-right:0px;
}
.blockrow {
background:rgb(255, 255, 255) none ;
padding:5px 10px 5px 10px;
border: ;
color:;
font: ;
}
.blockrow a { color:; }
.blockrow a:hover { color:; }
.blockfoot {
display:block;
clear:both;
background:#ffffff none ;
padding:5px 0px 5px 0px;
border:0 rgb(102, 204, 0);
color:;
font: ;
}
.blockfoot a { color:; }
.blockfoot a:hover { color:; }
.blockfoot,
.blocksubfoot {
padding:5px 0px 5px 0px;
}
.blocksubfoot {
text-align:right;
}
/* END BLOCK STUFF */
/* WYSIWYG */
.wysiwyg_block {
border: 1px solid #c4c4c4;
border-top: 1px solid #ffffff;
margin-bottom: 10px;
}
.wysiwyg_block .blockrow:first-child {
background: transparent url(images/gradients/gradient-greytowhite.png) repeat-x top left;
}
.wysiwyg_block iframe.textbox {
border: 1px solid #c4c4c4;
background: #f3f7f9;
padding-bottom: 0;
}
.wysiwyg_block .formcontrols .blockrow {
border-top: 0;
}
.wysiwyg {
font: 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
/* CSS TABLE STUFF */
.table { display:table; table-layout:fixed; }
.thead { width:100%; padding:0; }
.tr { display:table-row; }
.td { display:table-cell; }
/* POPUPS */
.popupgroup {}
.popupmenu {
position:relative;
*z-index:999;
}
.popupmenu a.popupctrl {
background-image:url(images/misc/black_downward_arrow.png);
background-position:right center;
background-repeat:no-repeat;
padding-right:15px;
}
.popupmenu a.popupctrl.nogadget {
padding-right:0;
background-image:none;
}
.popupgroup .popupmenu a.popupctrl {
font-size:11px;
padding:2px 4px;
border:solid 1px transparent;
background-color:transparent;
text-decoration:none;
padding-right:15px;
margin-left:5px;
}
.popupgroup .popupmenu:hover a.popupctrl {
border-color:1;
background-color:transparent;
}
/* see PopupMenu.set_control_style() */
.popupgroup .popupmenu:hover a.popupctrl.active,
.popupmenu a.popupctrl.active {
border-color:1;
background-color:transparent;
color:#4e4e4e;
}
.popupgroup .popupmenu {
float:left;
}
.blockfoot .popupctrl {
text-decoration:none;
padding:2px 6px;
padding-right:15px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.popupbody {
background:#dfdfdf none ;
border:1px solid #c4c4c4;
padding:3px;
position:absolute;
z-index:1000;
top:1.5em;
left:0;
display:none;
min-width:200px;
}
.popupmenu:hover ul.popuphover {
display:block;
}
.popupbody li {
border-top:solid 1px #dfdfdf;
}
.popupbody > li:first-child {
border-top:none;
}
.popupbody li > a,
.popupbody li > label {
display:block;
color:inherit;
padding:6.5px 10px;
background:rgb(255, 255, 255) bottom repeat-x;
text-decoration:none;
white-space:nowrap;
font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
/* vbmenu_hilite and vbmenu_option are for the ajax popup menus (tags) */
.popupbody li > a:hover,
.popupbody li > label:hover,
.popupbody li.vbmenu_hilite > a {
background-color:#ffeb90;
color:#4e4e4e;
}
.popupbody li.vbmenu_option > a:hover {
background:rgb(255, 255, 255) bottom repeat-x;
}
.popupbody li input.searchbox {
width:180px;
padding:0px;
font-size:10pt;
font-style:italic;
color:rgb(153,153,153);
}
.popupbody li input.searchbox:focus {
font-style:normal;
color:#4e4e4e;
}
.popupbody li.formsubmit {
text-align:right;
padding:0px;
background:transparent;
}
.popupbody li.formsubmit .submitoptions {
float:left;
text-align:left;
}
.popupbody li.formsubmit .submitoptions label {
display:block;
}
.popupbody li.formsubmit.jumptopage > label {
display:inline;
background:none;
}
.popupbody li.formsubmit input[type="submit"],
.popupbody li.formsubmit input[type="reset"],
.popupbody li.formsubmit input[type="button"] {
font:9pt Tahoma, Calibri, Verdana, Geneva, sans-serif;
padding:2px;
padding-bottom:1px;
}
.popupbody li.formsubmit input[type="submit"]:hover,
.popupbody li.formsubmit input[type="reset"]:hover,
.popupbody li.formsubmit input[type="button"]:hover {
color:#417394;
}
.blockhead .popupmenu,
.blocksubhead .popupmenu {
display:inline-block;
text-transform: none;
}
/* PAGINATION LINKS */
.pagination dt,
.pagination dd {
display:inline;
font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
.pagination a {
display: inline-block;
border: 1px solid #eaeaea;
background:#f6f8f9 none ;
text-decoration:none;
color: #417394;
}
.pagination a:hover {
border: 1px solid #417394;
}
.pagination dt.label {
display:none;
}
.pagination dt a:hover,
.pagination dd a:hover
{
text-decoration:none;
}
.pagination dd a span, .pagination dt a.popupctrl span {
border-top: 1px solid #ffffff;
padding:1px 5px 2px;
display: inline-block;
}
.pagination dd a.prev_next {
position: relative;
top: 2px;
}
.pagination dd a span img {
position: relative;
top: 2px;
}
.pagination dd a.prev_next span {
padding-bottom: 3px;
padding-top: 2px;
}
.pagination dd a.prev_next span img {
top: 0;
}
.pagination dd a.selected {
background: #759fbb none ;
color: #ffffff;
border: 1px solid #417394;
padding:2px 5px;
font-weight:bold;
}
.pagination .separator,
.pagination .elipsis {
}
.pagination li.jumptopage {
text-align:center;
/*line-height:4em;*/
}
.pagination a.popupctrl {
border: 1px solid #eaeaea;
background:#f6f8f9 none ;
display:inline-block;
padding: 0;
}

.pagination dt a.popupctrl span {
background: transparent url(images/misc/black_downward_arrow.png) no-repeat center left;
padding-right: 5px;
padding-left: 15px;
display: inline-block;
}
.pagination a.popupctrl:hover, .pagination .popupmenu:hover a.popupctrl {
border: 1px solid #417394;
color: #4e4e4e;
}

/* TEXT CONTROLS */
.textcontrols a,
a.textcontrol {
position:relative;
padding: 3px 5px;
/*padding-left:35px;*/
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
line-height: 1.230;
text-decoration:none;
border: 0px solid #D8D8D8;
color: #ffffff;
background:#417394 url(images/buttons/newbtn_middle.png) repeat-x top left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.textcontrols a img,
a.textcontrol img {
position:absolute;
bottom:2px;
left:-2px;
}
.textcontrols a:hover img,
a:hover.textcontrol img {
position: absolute;
bottom:2px;
left:-2px;
}
.textcontrols a:hover,
.actionbutton_container a:hover.pagetitleinfo.textcontrol,
a:hover.textcontrol {
background:#5b8dae url(images/buttons/newbtn_middle.png) repeat-x ;
text-decoration:none;
color: rgb(255, 255, 255);
}
.blockhead a.textcontrol {
float:right;
font-size:13px;
margin-top: -5px;
text-transform: none;
}
.blockfoot a.textcontrol {
margin-top: 10px;
}
/* FORUMJUMP (navpopup) */
.navpopupmenu {
text-align:right;
padding-top:10px;
float: right;
}
.navpopupmenu .popupctrl {
text-decoration:none;
padding:2px 6px;
padding-right:15px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.navpopupbody {
width:auto;
max-height:350px;
text-align:left;
*overflow:auto;
overflow-y:scroll;
left:auto;
right:0;
}
.navpopupbody li.optionlabel {
text-align:center;
font-weight:bold;
}
/**
* Not pretty, but it works...
*/
.navpopupbody .d1 a, option.d1 { text-indent:20px; }
.navpopupbody .d2 a, option.d2 { text-indent:40px; }
.navpopupbody .d3 a, option.d3 { text-indent:60px; }
.navpopupbody .d4 a, option.d4 { text-indent:80px; }
.navpopupbody .d5 a, option.d5 { text-indent:100px; }
.navpopupbody .d6 a, option.d6 { text-indent:120px; }
.navpopupbody .d7 a, option.d7 { text-indent:140px; }
.navpopupbody .d8 a, option.d8 { text-indent:160px; }
.navpopupbody .d9 a, option.d9 { text-indent:180px; }
.navpopupbody .d10 a, option.d10 { text-indent:200px; }
.navpopupbody .d11 a, option.d11 { text-indent:220px; }
.navpopupbody .d12 a, option.d12 { text-indent:240px; }
.navpopupbody .d13 a, option.d13 { text-indent:260px; }
.navpopupbody .d14 a, option.d14 { text-indent:280px; }
.navpopupbody .d15 a, option.d15 { text-indent:300px; }
.navpopupbody .d16 a, option.d16 { text-indent:320px; }
.navpopupbody .d17 a, option.d17 { text-indent:340px; }
.navpopupbody .d18 a, option.d18 { text-indent:360px; }
.navpopupbody .d19 a, option.d19 { text-indent:380px; }
.navpopupbody .d20 a, option.d20 { text-indent:400px; }
/* LEFT / RIGHT DT+DD */
dl.stats.totals {
float:right;
padding:10px;
}
dl.stats dt {
display:inline;
color:rgb(153,153,153);
}
dl.stats dt:after {
content:":";
}
dl.stats dd {
display:inline;
}
/* BLOCK STATS */
dl.statsblock dt {
display:block;
float:left;
clear:left;
width:25%;
}
dl.statsblock dd {
display:block;
float:left;
margin-left:10px;
}
/* LIGHT-TABS */
dl.tabslight {
border-bottom:solid 1px #6b91ab;
padding-left:20px;
margin-bottom:1em;
height:23px;
margin-top:15px;
}
dl.tabslight dt {
display:none;
}
dl.tabslight dd {
float:left;
}
dl.tabslight dd a {
font-size:11px;
font-weight:bold;
color:#4e4e4e;
text-decoration:none;
text-align:center;
padding:0 10px;
min-width:55;
height:22;
line-height:22px;
display:block;
border:1px solid #6b91ab;
background-color:#cfcfcf;
margin-left:-1;
margin-bottom:-1;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:11px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:11px;
}
dl.tabslight dd.selected a,
dl.tabslight dd.selected a:hover {
position:relative;
border-bottom: 1px solid transparent;
background:#f1f3f8 none ;
}
dl.tabslight dd a:hover {
color:#417394;
background:rgb(189,200,218) url(images/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x 0 -4px;
}
/* COLUMN SORT LINKS */
.columnsort a,
.columnsort span {
display:block;
text-decoration:none;
white-space:nowrap;
}
.columnsort a:hover {
background-color:#ffeb90;
text-decoration:none;
color:inherit;
}
tr.columnsort th {
white-space:nowrap;
}
/* MISC */
div.collapse {
position:relative;
}
a.collapse {
float:right;
right:10px;
top:20px;
position:absolute;
}
.blockhead a.collapse {
top: 10px;
}
#forumrules {
margin-bottom: 10px;
border-bottom: 1px solid #c4c4c4;
border-left: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
border-top: 1px solid ;
background: url(images/gradients/gradient-greytowhite.png) repeat-x top left;
-moz-box-shadow: -2px 0 2px #c8c8c8;
-webkit-box-shadow: -2px 0 2px #c8c8c8;
}
#forumrules ul.youcandoblock {
float:left;
width:55%;
margin-bottom: 10px;
overflow:hidden;
}
#forumrules ul.bbcodeblock {
float:right;
width:42%;
text-align:right;
overflow:hidden;
}
#forumrules .rules_link {
margin-top: 10px;
width: 42%;
padding-left: 55%;
}
.errorblock ul.blockrow.error > li {
border-bottom:solid 1px #c7ddec;
padding-bottom:10px;
margin-bottom:10px;
}
.errorblock ul.blockrow.error li:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}
blockquote.preview {
font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
blockquote.preview .bbcode_container div.bbcode_code,
blockquote.preview .bbcode_container pre.bbcode_code {
margin:0;
padding:6px;
border:1px inset;
text-align:left;
overflow:auto;
direction:ltr;
background:rgb(240,242,250) url(images/gradients/content3image-alpha.png) repeat-x;
/*height:;*/
font-size:12px;
}
blockquote.preview .bbcode_container code.bbcode_code {
margin:0;
text-align:left;
direction:ltr;
font-size:12px;
}
blockquote.preview .bbcode_container code.bbcode_code code {
white-space:nowrap;
}
blockquote.preview fieldset.postattachlist {
background:rgb(255, 255, 255) bottom repeat-x;
border-top:solid 1px #c7ddec;
padding-bottom:1em;
}
blockquote.preview .bbcode_container div.bbcode_quote {
margin:0 10px;
margin-bottom: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #f2f6f8;
border-radius: 5px;
border: 1px solid #417394;
font: italic normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
top: 0;
}

blockquote.preview .bbcode_container .bbcode_quote_container {
background: transparent url(images/misc/quote2.png) no-repeat 0px 0px;
display:block;
width: 9px;
height: 13px;
position: absolute;
top: 5;
left: -9px;
}
blockquote.preview .bbcode_quote div.quote_container {
border-top: 1px solid #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px 10px 5px 10px;
}
.attachments fieldset {
border: 1px solid #cdcece;
background: #ececec none ;
margin: 5px 30px;
-moz-border-radius: 5px;
padding: 5px 10px 5px 10px;
font-size: 12px;
}
.attachments img.inlineimg {
position: relative;
top: 2px;
}

blockquote.preview p.signature {
margin-top:1.5em;
border-top:solid 1px rgb(187,187,187);
padding-top:0.5em;
}
.commalist li {
display:inline;
margin-right:5px;
}
.commalist li:after {
content:",";
}
.commalist li:after {
content:",";
}
.commalist li:last-child:after {
content:"";
}
ul.username li a,
ol.username li a,
a.username {}
.standard_error {
max-width:600px;
margin:0 auto;
padding:4em 0 6em;
}
a.extlink {
width:10px;
height:10px;
text-indent:-9999px;
position:absolute;
margin-left:2px;
background:transparent url(images/buttons/extlink.html) no-repeat ;
}
.hidden {
display:none;
}
/* Auto-clearing of floats */
.floatcontainer:after,
.formcontrols .blockrow:after,
dl.stats:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.floatcontainer,
.formcontrols .blockrow,
dl.stats {
display:inline-block;
font-weight:normal;
}
/* IE-Mac hide \*/
* html .floatcontainer,
.formcontrols .blockrow,
dl.stats {
height:1%;
}
.floatcontainer,
.formcontrols .blockrow,
dl.stats {
display:block;
}
/* End IE-Mac hide */

/* INLINEMOD */
#inlinemod_formctrls {
float:right;
}
#inlinemod_formctrls .popupctrl {
text-decoration:none;
background: #417394 url(images/buttons/newbtn_middle.png) repeat-x top left;
padding-right: 0;
color: #ffffff;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
float: left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#inlinemod_formctrls a.popupctrl:hover {
background: #5b8dae url(images/buttons/newbtn_middle.png) repeat-x ;
color: rgb(255, 255, 255);
}
#inlinemod_formctrls a.popupctrl span.ctrlcontainer {
display:inline-block;
background: transparent url(images/misc/black_downward_arrow.png) no-repeat center left;
padding: 3.33333333333px 5px 3.33333333333px 15px;
font-size: 11px;
float: left;
}
#inlinemod_formctrls .popupbody {
left:auto;
right:0px;
}

/* FORUM DISABLED */
div.forum_disabled {
text-align:center;
color:red;
background-color:white;
padding:10px;
font-size:20px;
}
/**
* UN-RESET
*
* These definitions are designed to undo the effects of YUI Reset, but only when contained within a *.reset element.
* Code is based on YUI Base
*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
* YUI Base
* @module base
* @namespace yui-
* @requires reset, fonts
*/
.restore body {
/* For breathing room between content and viewport. */
margin:10px;
}
.restore h1 {
/* 18px via YUI Fonts CSS foundation. */
font-size: 138.5%;
}
.restore h2 {
/* 16px via YUI Fonts CSS foundation. */
font-size: 123.1%;
}
.restore h3 {
/* 14px via YUI Fonts CSS foundation. */
font-size: 108%;
}
.restore h1,
.restore h2,
.restore h3 {
/* Top & bottom margin based on font size. */
margin: 1em 0;
}
.restore h1,
.restore h2,
.restore h3,
.restore h4,
.restore h5,
.restore h6,
.restore strong,
.restore dt {
/* Bringing boldness back to headers and the strong element. */
font-weight: bold;
}
.restore optgroup {
font-weight:normal;
}
.restore abbr,
.restore acronym {
/* Indicating to users that more info is available. */
border-bottom: 1px dotted #000;
cursor: help;
}
.restore em {
/* Bringing italics back to the em element. */
font-style: italic;
}
.restore del {
/* Striking deleted phrases. */
text-decoration: line-through;
}
.restore blockquote,
.restore ul,
.restore ol,
.restore dl {
/* Giving blockquotes and lists room to breath. */
margin: 1em;
}
.restore ol,
.restore ul,
.restore dl {
/* Bringing lists on to the page with breathing room. */
margin-left: 2em;
}
.restore ol.numeric li,
.restore ol li {
list-style: decimal outside;
}
.restore ol.alpha li {
list-style: lower-alpha outside;
}
.restore ul li {
/* Giving UL's LIs generated disc markers. */
list-style: disc outside;
}
.restore dl dd {
/* Giving UL's LIs generated numbers. */
margin-left: 1em;
}
.restore th,
.restore td {
/* Borders and padding to make the table readable. */
border: 1px solid #000;
padding: 0.5em;
}
.restore th {
/* Distinguishing table headers from data cells. */
font-weight: bold;
text-align: center;
}
.restore caption {
/* Coordinated margin to match cell's padding. */
margin-bottom: .5em;
/* Centered so it doesn't blend in to other content. */
text-align: center;
}
.restore sup {
/* to preserve line-height and selector appearance */
vertical-align: super;
}
.restore sub {
/* to preserve line-height and selector appearance */
vertical-align: sub;
}
.restore p,
.restore fieldset,
.restore table,
.restore pre {
/* So things don't run into each other. */
margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
.restore button,
.restore input[type="checkbox"],
.restore input[type="radio"],
.restore input[type="reset"],
.restore input[type="submit"] {
padding:1px;
}

.unread {
font-weight:bold;
}
/* Cloud tags */
li.tag {
display:inline;
margin-right:5px;
}
li.tag label.mine {
font-weight:bold;
}
li.tag a {
text-decoration:none;
}
li.taglevel1 {
font-size:xx-small;
}
li.taglevel2 {
font-size:small;
}
li.taglevel3 {
font-size:medium;
}
li.taglevel4,
li.taglevel5 {
font-size:large;
}
li.taglevel5 {
font-weight:bold;
}
li.tag.option {
padding:10px;
}
/* Tag Controls */
/* Tagging Controls */
#thread_tags_list input#tag_add_input {
display:block;
width:90%;
margin-top:2px;
margin-bottom:0.5em;
}
#thread_tags_list .description {
color:rgb(153,153,153);
}
#thread_tags_list .actionbuttons {
text-align:right;
margin-bottom:1em;
}
#tag_edit_list {
list-style:none;
margin:0;
padding:0;
}
#tag_edit_list li {
float:left;
display:block;
width:100px;
}
#tag_edit_list li.mine {
font-weight:bold;
}
/* We don't use class="inlineimg" in vB4
img.inlineimg {
padding:0 10px;
}
*/

/* Social Bookmarks */
#social_bookmarks_list li {
display:block;
float:left;
padding-left:10px;
}
/* Imagereg */
#imagereg {
vertical-align:middle;
margin-bottom:5px;
}

#wol_navpopup.navpopupmenu {
margin-bottom:6px;
}
.navlinks {
background: #f4f4f4 none ;
border-top: 1px solid #e7e7e7;
padding: 10px 0;
text-align: center;
color: #5d5d5d;
font-size: ;
margin-top: 20px;
margin-bottom: 20px;
width:100%;
clear:both;
}

/* CSS Document */
/**
* CHROME: HEADER, NAVBAR, BREADCRUMB, FOOTER
*/
/*************************************************/
/* HEADER */
.above_body, .below_body {
background: ;
margin: 0 -20px;
}
#header {
background:rgb(0, 0, 0) url(images/gradients/gradient-grey-down.png) repeat-x ;
_background-image:none;
padding: ;
border: ;
color:#a9a9a9;
font:normal normal normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
position:relative;
padding-bottom:5px;
/*height:36px;*/
/*margin-bottom:52px;*/
}
#header a { color:; }
#header a:hover { color:; }
.logo-image {
float: left;
}
#toplinks {
position:absolute;
right:20px;
top:0;
color:#ffffff;
font: normal normal normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
text-align:right;
}
#toplinks ul.isuser, #toplinks ul.nouser {
float: right;
clear: left;
list-style: none;
}
#toplinks ul.isuser li {
display:inline;
margin-left: 10px;
position: relative;
top: 5px;
color: #a9a9a9;
}
#toplinks ul.isuser li.logoutlink {
top: 0;
}
#toplinks ul.isuser li a {
padding: 3px 4px;
font-weight:bold;
color:#ffffff;
}
#toplinks ul.isuser li a:hover {
background: #7192A8;
color:;
}
#toplinks ul.nouser li {
display:inline;
}
#toplinks ul.nouser li a {
float:left;
clear:right;
color:#ffffff;
}
#toplinks ul.nouser li a{
position: relative;
padding: 6px 10px 0 10px;
background: #7192A8;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
height:20px;
font-weight:bold;
display: block;
font-size:12px;
}
#toplinks ul.nouser li a{
margin-left: 5px;
}
#toplinks ul.nouser li a:hover {
background: #7192A8;
color:;
}
#toplinks ul.isuser li.popupmenu {
color: ;
}
#toplinks ul.isuser li.popupmenu a {
background: #7192A8 url(images/misc/popupctrl.png) no-repeat right center;
padding: 2px 4px;
}
#toplinks ul.isuser li.popupmenu a:hover {
background-image:url(images/misc/popupctrl.png);
background-position:right center;
background-repeat:no-repeat;
padding-right:11px;
}
#toplinks ul.isuser li.popupmenu ul li {
position: relative;
top: 0;
margin: 10px 0 0;
text-align: left;
}
#toplinks ul.isuser #notifications .popupbody {
background: #7192A8;
border: 1px solid #7192A8;
}
#toplinks ul.isuser #notifications .popupbody li a{
color: black;
padding: 2px 5px;
font-weight: normal;
background:;
border-top:1px solid #7192A8;
position: relative;
text-align: left;
padding-left: 30px;
}
#toplinks ul.isuser #notifications .popupbody li a span {
position: absolute;
left: 5px;
}
#toplinks ul.isuser #notifications .popupbody li a:hover {
background:#ffeb90;
color: black;
text-decoration: underline;
}
#toplinks form {
text-align: left;
width:auto;
float: right;
clear: left;
_display:block;
_width:230px;
}
#toplinks #logindetails {
padding: 0 10px;
background: #7192A8;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
height: 26px;
}
#toplinks form input {
margin: 3px 0 0;
vertical-align: baseline;
font-size: 11px;
padding: 1px;
border: 0;
}
#toplinks form input.default-value {
color: #828282;
}
#toplinks #remember {
margin: -3.33333333333px 0 0 20px;
font-size: 10px;
}
#toplinks #remember input {
vertical-align: baseline;
}
#cb_cookieuser_navbar{
position: relative;
top: 2px;
}
#notifications a.popupctrl:link, #notifications a.popupctrl:visited,
#toplinks a:link, #toplinks a:visited {
color: ;
text-decoration:none;
}
#notifications>a:link, #notifications>a:visited {
/* ie6 hack: broke this rule out on its own: the > selector makes ie6 ignore rule entirely. */
color: ;
text-decoration:none;
}
#notifications > a:hover,
#notifications a.popupctrl:hover {
color: ;
}
#notifications {
font-size:11px;
color: ;
padding:8px 2px 6px 0;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
}
#notifications a {
text-decoration:none;
}
#notifications .popupbody {
color:black;
}
#header hr,
#header h2 {
display:none;
}
/*************************************************/
/* NAVBAR */
#navbar {
position:relative;
height:53px;
border-bottom:10px; /* "hack" do not change no matter how much it feels like the stylevars don't match */
*background:#435769 none ;
padding: ;
color:;
font: 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
#navbar a { color:rgb(255, 255, 255); }
#navbar a:hover { color:rgb(255, 255, 255); }
#navtabs {
background:#7192A8 url(images/gradients/gradient-white-down-sm.png) repeat-x ;
padding-left: 20px;
_background-image:none;
}
#navtabs li:first-child {
border-left: 1px solid #2E5C7B;
}
#navtabs ul {
background: #435769;
position:absolute;
top:26px;
left:0px;
width:100%;
border-top:1px solid #2E5C7B;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
margin-right:-80px;
}
#navtabs li {
float:left;
border-right: 1px solid #2E5C7B;
}
#navtabs ul li:first-child {
text-indent: 20px;
border-left: 0;
}
#navtabs ul li {
border-right: 0;
}
#navtabs li a {
height:26px;
line-height:26px;
padding:0 10px;
}
#navtabs li a.navtab {
border-top: 1px solid #CFE5F5;
border-left: 1px solid #CFE5F5;
display:block;
background:#7192A8 url(images/gradients/gradient-white-down-sm.png) repeat-x ;
_background-image:none;
width:auto !important;
width:60px;
min-width:60px;
text-align:center;
color: ;
font: bold 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;
text-decoration:none;
line-height:26px;
}
#navtabs li a.navtab:hover {
background:rgb(189,200,218) url(images/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x 0 -4px;
_background-image:none;
/*color:#417394;*/
color:black;
}
#navtabs li.selected a.navtab {
color:black;
background:rgb(189,200,218) url(images/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x ;
_background-image:none;
position:relative;
top:-4px;
padding-top:4px;
z-index:10;
}
#navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font-size:11px;
}
#navtabs li.selected li a {
color:;
padding:2px 5px;
}
.navbar_advanced_search li {
height: 26px;
display:block;
clear:both;
line-height: 26px;
}
.navbar_advanced_search li a {
color:#ffffff;
font-size: 11px;
}
.navbar_advanced_search li a:hover {
color:;
text-decoration:underline;
}
#navtabs li.selected li a:hover {
color:;
text-decoration:underline;
}
#navtabs li.selected .popupbody li > a {
padding:0px 10px;
text-indent: 0;
color: rgb(0, 0, 0);
}
#navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:solid 1px transparent;
background:transparent url(images/misc/arrow.png) no-repeat right center;
padding-right:15px;
_background-image:url('images/misc/arrow.gif');
color: ;
}
#toplinks #notifications a.popupctrl {
padding:8px 12px 3px 4px;
background: #7192A8 url(images/misc/arrow.png) no-repeat right center;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
_background-image:url('images/misc/arrow.gif');
}
#toplinks #nonotifications a.popupctrl {
padding:3px 12px 3px 4px;
background: transparent url(images/misc/arrow.png) no-repeat right center;
_background-image:url('images/misc/arrow.gif');
}
#toplinks #notifications a.popupctrl:hover, #toplinks #nonotifications a.popupctrl:hover {
padding:3px 12px 3px 4px;
background: #7192A8 url(images/misc/arrow.png) no-repeat right center;
_background-image:url('images/misc/arrow.gif');
}
#toplinks #notifications a.popupctrl:hover {
padding-top: 8px;
}
#navtabs li.selected li:hover a.popupctrl {
border-color:#435769;
background-color:#7192A8;
text-decoration:none;
}
#navtabs li.selected li:hover a.popupctrl.active,
#navtabs li.selected li a.popupctrl.active {
border-color:#7192A8;
background-color:#7192A8;
color:;
text-decoration:none;
}
#navtabs .popupbody {
border: 1px solid #7192A8;
background: #7192A8;
}
#navtabs .popupbody li {
float:none;
border-top: 1px solid #7192A8;
}
#navtabs .popupbody li a:hover {
background-color: #ffeb90;
}
#nonotifications div.popupbody {
min-width: 170px;
background: #7192A8;
border: 1px solid #7192A8;
}
#nonotifications .popupbody p {
color: #4e4e4e;
text-align: left;
background: ;
border-top: 1px solid #7192A8;
padding: 2px 5px;
display:block;
}
#toplinks #nonotifications .popupbody a {
background: ;
color: #4e4e4e;
padding: 0;
}
#nonotifications .popupbody a:hover {
background: #ececec;
color: #4e4e4e;
text-decoration: underline;
}
#globalsearch {
position:absolute;
width:180px;
right: 20px;
bottom: 0;
float: right;
clear: left;
text-align:right;
line-height: 1.0em;
display:block;
}
#navbar_search {
position:relative;
width:180px;
bottom: 1px;
right: -20px;
display:block;
}
#navbar_search input {
font-size: 11px;
vertical-align:middle;
padding: 1px;
border:1px solid #828282;
}
#globalsearch .textboxcontainer {
height: 26px;
border-left:1px solid #2E5C7B;
display:inline-block;
float: left;
text-align:center;
}
#globalsearch .textboxcontainer span {
border-top: 1px solid #CFE5F5;
border-left: 1px solid #CFE5F5;
display: inline-block;
height: 22px;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
margin-bottom: 1px;
width: 147px;
_width:140px; /* ie6 hack */
}
#globalsearch input.textbox {
width: 120px;
}
#toplinks form input.loginbutton {
font-size: 11px;
padding: 0 5px;
background-color: ;
border:solid 1px rgb(65,93,141);
}
#globalsearch .buttoncontainer {
height: 26px;
border-left:1px solid #2E5C7B;
display:inline-block;
border-right:1px solid #2E5C7B;
width: 25px;
overflow: hidden;
float: right;
}
#globalsearch .buttoncontainer span{
border-top: 1px solid #CFE5F5;
border-left: 1px solid #CFE5F5;
height: 23px;
padding-left: 4px;
padding-top: 2.5px;
display:inline-block;
}
#globalsearch .searchbutton {
border: 0;
padding: 0;
width: 22px;
margin-top: -2px;
margin-left: -2px;
}
/*************************************************/
/* BREADCRUMB */
.breadcrumbcontainer {
background: ;
margin-left: -20px;
margin-right: -20px;
}
#breadcrumb {
border-top: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
padding: 0 20px;
background: ;
}
#breadcrumb > ul {
background:transparent url(images/misc/navbit-home.png) left top no-repeat;
padding-left:20px;
border:none;
}
#breadcrumb .navbit {
float:left;
background-image:url(images/misc/navbit-arrow-right.png);
background-position:right center;
background-repeat:no-repeat;
padding-right:10px;
padding-left:3px;
}
#breadcrumb .navbit:first-child {
padding-left:0;
}
#breadcrumb .navbit.lastnavbit {
background:none;
}
#breadcrumb .navbit > a, #breadcrumb .navbit span {
display:block;
padding:2px 4px;
float:left;
background-color:transparent;
border:solid 1px ;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#breadcrumb .navbit a:hover {
border-color:rgb(234,234,234);
background-color:rgb(246,248,249);
}
#breadcrumb .navbit a {
text-decoration:none;
}
#breadcrumb .navbit a.popupctrl {
background-image:url(images/misc/navbit-arrow-right.png);
background-position:center center;
padding:2px 6px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
#breadcrumb .navbit a.popupctrl:hover {
background-color:#ffeb90;
color:#417394;
}
#breadcrumb hr {
display:none;
}
/*************************************************/
/* PAGE TITLE */

#pagetitle {
padding:0px 0px 0px 0px;
clear:both;
padding-top: 5px;
background: none ;
border: ;
}
#pagetitle a { color:; }
#pagetitle a:hover { color:; }
#pagetitle h1 {
color: #3e3e3e;
font:normal bold 14px ;
font-size:14px;
font-weight:bold;
}
#pagetitle .description {
color: #3e3e3e;
font-size: 11px;
}
/*************************************************/
/* FOOTER */
.footercontainer {
background: ;
margin-left: -20px;
margin-right: -20px;
}
.footercontainer2 {
border-top: 5px solid ;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
padding: 0 20px 20px;
background: ;
}
#footer {
clear:both;
margin-top:15px;
text-align:right;
display:block;
width: 100%;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
background:rgb(0, 0, 0) none ;
padding:5px 0px 5px 0px;
border:1px solid #435769;
color:;
font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
#footer a { color:rgb(255, 255, 255); }
#footer a:hover { color:rgb(255, 255, 255); }

#footer_copyright,
#footer_morecopyright {
padding-bottom:5px;
color:rgb(102, 102, 102);
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
margin-top: 10px;
text-align:center;
display:block;
}
#footer_time {
color:rgb(102, 102, 102);
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
padding-top:10px;
text-align:center;
}
#footer_select {
float:left;
text-align:left;
margin-left: 10px;
margin-top: 0;
}
#footer_links {
margin-right: 10px;
margin-top: 2px;
}
#footer_links li {
display:inline;
margin-left:5px;
}
#notices {
background: ;
margin-bottom: 5px;
}
#notices li {
background: #ffeb90;
font-size: 12px;
color: #4e4e4e;
padding:5px 10px;
margin-bottom:5px;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
clear:both;
}
/* from components.css */
/* start styles for template: navbar */
.popup_inline_break {
color:#262626;
margin-left:5px;
font-weight:bold;
padding:4px 0px;
}
#breadcrumb > ul {
background-image:none;
padding-left:0px;
}
#breadcrumb .navbithome {
float: left;
padding: 3.5px 0;
}
/* end styles for template: navbar */
/*************************************************/
/* ADS GLOBAL */
.ad_global_header {
clear:both;
}
#ad_global_header1 {
width:49%;
float:left;
padding: ;
}
#ad_global_header2 {
width:49%;
float:right;
padding: ;
}
#ad_global_below_navbar {
width:100%;
padding: ;
}
#ad_global_above_footer {
width:100%;
padding: ;
text-align:left;
}
#ad_board_below_whats_going_on {
width:100%;
padding: ;
text-align:left;
}



/* CSS Document */
.vbform .blockhead {
margin-top:2em;
}
.vbform .blockhead:first-child {
margin-top:0;
}
.vbform {
clear:both;
width:750px;
margin:0 auto;
margin-bottom:2em;
}
form.vbform .formcontrols {
/*margin-bottom:1em;*/
}
.formcontrols .blockrow {
background:rgb(255, 255, 255) bottom repeat-x;
border-top:solid 1px #c7ddec;
}
.formcontrols > *:first-child,
.formcontrols .blocksubhead + .blockrow {
border-top:none;
}
/* BASIC CONTROL STYLING */
input, textarea, select, button {
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
font-weight: normal;
}
.button {
padding:3px 2px;
}
.button:hover {
color:rgb(255, 255, 255);
}
.button[type="reset"]:hover {
color:rgb(255, 255, 255);
}
.textbox,
textarea {
background-color:rgb(255,255,255);
border:solid 1px #6b91ab;
padding:3px;
outline:0;
}
.textbox[disabled],
textarea[disabled] {
font-style:italic;
color:rgb(153,153,153);
}
.formcontrols .blockrow input.textbox:focus,
.formcontrols .blockrow textarea:focus {
background-color:rgb(255,255,200);
}
/* INPUT / SELECT / TEXTAREA / GROUP */
.formcontrols .blockrow .primary,
.formcontrols .blockrow .group {
width:55%;
float:left;
clear:left;
}
.formcontrols .blockrow .dep_group .primary {
width:100%;
}
.formcontrols .blockrow .dep_group .primary.partial {
width:55%;
}
.formcontrols .blockrow .primary.center {
}
.formcontrols .blockrow .primary.center img.icon {
border:1px solid rgb(65,93,141);
}
.formcontrols .blockrow .titleprefix {
float:left;
margin-right:0.5em;
}
.formcontrols .blockrow * .group {
width:auto;
float:none;
}
.formcontrols .blockrow input.textbox[size] {
width:auto;
}
.formcontrols .blockrow.texteditor textarea {
width:99%;
height:200px;
float:none;
}
.formcontrols .blockrow input.numeric,
.formcontrols .blockrow select.numeric {
text-align:right;
}
/* LABELS */
.formcontrols .blockrow label,
.formcontrols .blockrow .group.multifield label,
.formcontrols .blockrow .groupoption label {
display:block;
margin-bottom:2px;
}
.formcontrols .blockrow label {
width:55%;
}
.formcontrols .blockrow label.floatlabel {
margin-left: 10px;
}
.formcontrols .blockrow * label {
/* undoes the above two rules */
display:inline;
margin-bottom:auto;
width:auto;
}
.formcontrols .blockrow .label {
margin-bottom:8px;
}
.formcontrols .blockrow.singlecheck label {
float:left;
}
.formcontrols fieldset.blockrow legend {
margin:0;
}
/* DESCRIPTIONS */
.formcontrols .blockrow .description {
color:rgb(153,153,153);
}
.formcontrols .blockrow .description {
float:right;
width:42%;
overflow:hidden;
}
.formcontrols .blockrow .group.multifield + .description {
padding-top:1.3em;
}
.formcontrols .blockrow.texteditor .description {
float:none;
width:auto;
margin-top:2px;
}
.formcontrols .blockrow .group .description,
.formcontrols .blockrow .singlecheck .description {
float:none;
width:auto;
margin-left:20px;
}
.formcontrols .blockrow .group.numeric + .description {
/* descriptions to the right of numeric groups */
}
.formcontrols .blockrow .singledescription {
display:block;
float:left;
clear:left;
color:rgb(153,153,153);
margin-bottom:10px;
}
/* CHECKBOX / RADIO EXCLUSIVE GROUPS */
.formcontrols .blockrow .group.checkradio {
width:auto;
}
.formcontrols .blockrow .group.checkradio.full {
width:100%;
}

.formcontrols .blockrow .group.checkradio.partial {
width:55%;
}
.formcontrols .blockrow .group.checkradio > li {
margin-bottom:0.5em; /* maybe questionable */
}
/* MULTI-FIELD GROUPS (dd, mm, yyyy fields etc.) */
.formcontrols .blockrow .group.multifield li {
float:left;
margin-right:1em;
}
/* Display multi-field controls vertically */
.formcontrols .blockrow .group.multifield.stacked li {
float:none;
margin-top:2px;
}
.formcontrols .blockrow .group.multifield label {
margin-bottom:2px;
display:block;
}
.formcontrols .blockrow .group.multifield select,
.formcontrols .blockrow .group.multifield input.textbox {
float:none;
}
/* NUMERIC GROUP (rgb color etc.) */
.formcontrols .blockrow .group.numeric {
width:auto;
*width:24%;
max-width:55%;
margin-right:2%;
}
.formcontrols .blockrow .group.numeric li {
clear:both;
}
.formcontrols .blockrow .group.numeric label {
float:left;
margin-top:1px;
}
.formcontrols .blockrow .group.numeric input.textbox {
float:right;
text-align:right;
margin-left:20px;
margin-bottom:2px;
}
.formcontrols .blockrow .group.numeric .description {
clear:both;
text-align:right;
margin:auto;
margin-bottom:0.2em;
}
/* NUMERIC INPUT */
.formcontrols .blockrow input.textbox.numeric {
text-align:right;
}
/* ACTION BUTTONS */
.formcontrols input.button,
.actionbuttons {
max-width:100%;
}
.actionbuttons .group {
float:none;
text-align:right;
padding-right: 10px;
}
.vbform .actionbuttons .group {
margin:0 auto;
width:auto;
max-width:750px;
}
.actionbuttons .small_text_buttons, .actionbuttons .small_text_buttons input.button {
padding-left:10px;
padding-right:10px;
}

.actionbuttons .group .button {
/* min-width:75px; */
cursor:pointer;
padding: 2.5px 5px;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
border:0px solid #D8D8D8;
color:#ffffff;
background:#417394 url(images/buttons/newbtn_middle.png) repeat-x top left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.actionbuttons .group .button:hover {
background: #5b8dae url(images/buttons/newbtn_middle.png) repeat-x ;
color: #ffffff;
}
/* *** SPECIAL ITEMS *** */
/* POST ICONS */
.formcontrols .blockrow #posticon_preview {
width:16px;
height:16px;
margin-left:10px;
}
.formcontrols .blockrow.posticons table {
width:55%;
}
.formcontrols .blockrow.posticons td {
padding:2px;
}
/* RATING SELECT */
.formcontrols .blockrow select.rating option {
background-image:url(images/rating/rating-15_3.png);
background-repeat:no-repeat;
background-position:5px center;
padding-left:85px
}
/* DEP GROUPS */
.formcontrols .blockrow dl.dep_group dd {
margin-top:0.3em;
margin-bottom:0.2em;
margin-left:20px;
}
.formcontrols .blockrow dl.dep_group dd dl.dep_group {
/*margin-top:1em;*/ /* Handles the margin above sub-dependent controls, remove? */
}
/* ATTACH FILES */
.formcontrols .blockrow .group.attachments li {
margin-bottom:0.5em;
}
.formcontrols .blockrow .group.attachments li img {
vertical-align:middle;
}
.formcontrols .blockrow .group.attachments li:last-child {
margin-top:1em;
}
/* Upper / Lower comparison and IM FIELDS (AIM, Skype...) */
.formcontrols .group.upperlower li,
.formcontrols .group.imfields li {
width:45%;
padding-bottom:0.3em;
}
.formcontrols .group.upperlower li input.textbox,
.formcontrols .group.imfields li input.textbox,
.formcontrols .group.imfields li select {
width:100%;
}
.formcontrols .group.imfields li select {
margin-bottom:-0.3em;
}
/* Group of text controls */
.groupcontrols {
text-align:right;
clear:both;
}
.groupcontrols .textcontrol {
margin-left:10px;
margin-top:0;
}
/* Single Button */
.formcontrols .blockrow.singlebutton .button {
float:left;
}
/* IE7 Float Fix */
.formcontrols .groupoption {
display:block;
clear:left;
}
/* DEBUG */
.group.radio,
.group.checkbox {
background-color:yellow;
}
/* NEWEVENT.php TEMP */
.formcontrols .blockrow .group.checkradio .daycheckboxes li {
float:left;
padding-right:1em;
padding-top:0.5em;
}
/*For the search, not worth creating a new css file*/
.savepreferences {
float:left;text-align:left;width:49.5%;
}

mitch84
02/12/2009, 10h28
merci pour ta réponse détaillée, je vais regarder tout ca!byby

ahmet
02/12/2009, 12h26
svp mitch84 tu saurais m'aider aussi svp moi je n'arrive pas a suivre ,

je suis aller dans les options de vb puis styles et langues et j'ai cocher
Stocker les feuilles de style CSS comme fichiers sa je suis arriver



aider pour ca svp
je vais dans admincp -> Styles & Templates -> Gestionnaire de styles -> sur le style visé, choisi CSS principal et dans la partie Corps sur Arrière-plan met ceci:
je dois mettre au se code ou
Code: #E1E1E2 url(url de ton image) fixed;



puis je ne comprend pas ca , gerer les styles - variables de styles je n'ai pas reussi a afficher cette image en arriere plan sur mon forum de test

mitch84
02/12/2009, 13h01
ahmet, apres ca se passes ur ton ftp, donc forum/clientscript/vbulletin_css et dedans tu as un ou plusieurs dossiers qui se nomme style00048 par exemple, 48 etant l'ID de ton style dans ton acp=>styles & templates, sinon dans ce dossier style00048 tu as dedans forumhome qui est par exemple la page d'accueil de ton forum, c'est la dedans qu'il faut apporter les modifs.

ahmet
02/12/2009, 19h15
quelle modifs que je dois apporter

puis je n'ai pas fais moi c'est manip , admincp -> Styles & Templates -> Gestionnaire de styles -> sur le style visé, choisi CSS principal et dans la partie Corps sur Arrière-plan met ceci:
je dois mettre au se code ou
Code: #E1E1E2 url(url de ton image) fixed;



puis je ne comprend pas ca , gerer les styles - variables de styles je n'ai pas reussi a afficher cette image en arriere plan sur mon forum de test

nino42
02/12/2009, 19h57
quelle modifs que je dois apporter

puis je n'ai pas fais moi c'est manip , admincp -> Styles & Templates -> Gestionnaire de styles -> sur le style visé, choisi CSS principal et dans la partie Corps sur Arrière-plan met ceci:
je dois mettre au se code ou
Code: #E1E1E2 url(url de ton image) fixed;




salut

sur quelle version de vbulletin tu veux faire cette modif ?? ici c'est pour le support de vbulletin 4.









puis je ne comprend pas ca , gerer les styles - variables de styles je n'ai pas reussi a afficher cette image en arriere plan sur mon forum de test



j'ai oublié de mettre une virgule faut lire
gerer les styles - variables de styles ,je n'ai pas reussi a afficher cette image en arriere plan sur mon forum de test


ca vaut dire que sur la version 4 de vbulletin je ne suis pas parvenu a afficher l'image.

ahmet
02/12/2009, 20h49
j'aimerais svp que tu m'ecrie comme copain ce saurais plus facile pour moi a comprendre svp parce que c'est dur a comprendre , be j'aimerais faire sa sur (vBulletin 3.8.4) ou je dois aller dans quelle opstions

nino42
02/12/2009, 21h10
salut

ok donc c'est pour vb 3.8

1 gestionnaire de style
2 tu selectionnes ton style
3 menu deroulant tu choisis css principal


http://img682.imageshack.us/img682/4636/94943644.jpg (http://img682.imageshack.us/i/94943644.jpg/)

puis dans le 1er css qui s'appelle Corps (Personnalisé dans ce style)

tu mets ton code dans le cadre Arrière-plan

http://img682.imageshack.us/img682/5931/vb1.jpg (http://img682.imageshack.us/i/vb1.jpg/)

ahmet
02/12/2009, 21h56
mil merci mil merci a toi merci jusqu'a la cava puis pour mettre le code Arrière-plan , quelle code puis je voulais te demander si tu avais pas une image es au dois-je mettre l'image dans le dossier uploade

nino42
02/12/2009, 22h56
salut

llol je comprends pas trops ce que tu veux, ton image tu la mets ou tu veux via ftp sur ton serveur.

ex: #E1E1E2 url(adresse de ton forum/images/nom de ton image) fixed;

dans l'exemple l'image que tu veux afficher se trouve dans le dossier images de ton serveur

ahmet
02/12/2009, 23h06
et j'aimerais te donner mon adresse msn pour se parler si tu vuex bien bien sur ( yasa_fener@msn.com )

j'ai fais commenca
#C1C1C1 url(C:\wamp\www\upload\images/vbulletin3_logo_white.jpg) fixed;

Ombre
02/12/2009, 23h12
et j'aimerais te donner mon adresse msn pour se parler si tu vuex bien bien sur ( yasa_fener@msn.com )

j'ai fais commenca
#C1C1C1 url(C:\wamp\www\upload\images/vbulletin3_logo_white.jpg) fixed;

Bonsoir, l'erreur est visible... dans une url on ne met que des slash et pas d'anti slash donc tout doit être comme ça ///// et non pas \\\\\ voila ce qui arrive quand on copie dans les barres de navigations de windows.


#C1C1C1 url(images/vbulletin3_logo_white.jpg) fixed;

Devrait suffire je pense.

ahmet
02/12/2009, 23h16
encore mil merci tu es super ombre mil merci mil merci tu es le meilleur sa je te le dit moi , juste un truc que j'aimerais te demander pk la petite image vbulletin es toujours la en haut

nino42
04/12/2009, 17h02
bjr, j'ai une image que j'aurai voulu mettre en arriere-plan et je voudrais faire exactement comme avec ce FORUM (http://foro.l2express.net/forum.php) avec une autre image bien sur, j'ai beau manipuler mes stylesvars de tous les cotés j'ai toujours une "cassure".
quelqu'un a une idée de la procedure? merci

salut

pour l'image d'arriere plan normalement il faut editer vbulletin.css

éditer :



/*THIS*/
html {
background: #C6DEE8 url(url de ton image) no-repeat top right;
}



par contre c'est quoi que tu appels "cassure" ?

mitch84
04/12/2009, 17h50
ahmet, ouvre toi un topic en support pour vb 3.8, ici c'est pour vb4
par cassure j'entends que mon image est dupliquée sur mon forumhome car elle est pas assez longue pour faire la longueur de la page

nino42
04/12/2009, 18h30
salut

sur le screen du forum ,j'ai mis en arriere plan une image de 1920 /1200 ,j'ai une resolution personnel de 1280 /1024 ,en y mettant la ligne que j'ai écrite dans le post precedent l'image est bien en place.

mitch84
04/12/2009, 18h45
tout bon j'y suis arrivé, merci

nino42
04/12/2009, 18h53
salut

impec ,on commence à le connaitre ce Vb 4 llol

ahmet
13/12/2009, 23h29
je suis sur vb 4 mtn j'aimerais vous demander pourquoi je n'ai pas enregistrais en bas dans classe css principale , en fet j'aimerais mettre une image en arrière-plan de la page donc quant je descend bas je n'ai pas enregistrer

ahmet
14/12/2009, 12h19
s.v.p répondez moi s.v.p merci

DiDzI
14/12/2009, 17h02
ahmet, je pense qu'on ta déjà fait la remarque pas besoin de faire des doubles messages, quand tu n'as pas la réponse a ta demande.

Tu attends que quelqu'un passe par là pour te répondre ...

Ombre
14/12/2009, 18h42
Bonsoir,

D'ailleurs il n'y aura pas de support sur un sujet mis en résolu, sinon je ne vois pas l'intérêt de cela.

DiDzI
14/12/2009, 18h46
Sujet fermé alors.