Forum

Bonjour à tous,



Je me suis aperçu qu'il y avait cette rubrique, ouf quelle chance!!



Je développe ma demande, actuellement sur mon site, le thème est "Thème WoWGoldBolso", mes membres trouve ce thème un peu enfantin et pas très professionnel dont je le comprend parfaitement.



Donc je voudrai savoir si les graphiste pourrai m'arranger ce dilem.



Le thème serai sur la détection de métaux, sur des couleur comme sur ce logo avec les menus argentés:







Merci d'avance pour votre aide.



Amicalement, Loïc

Édité par Celthorg Le 24/02/2013 à 13h13

Bonjour Celthorg,

Je suis personnellement un peu trop charger pour réaliser un thème complet.

Par contre, peut être que quelqu'un pourra t'aider. Il faudrait que tu détail un peu plus ta demande.

Un croquis, une image pour illustrer ce que tu souhaite exactement.

ElenWii

Ok biensur, je comprends bien ElenWii, je vais essayer de faire un croquis

Salut ElenWii, en ce qui concerne la modification du colorie du thème je m'en occupe, je fais test et m'en sort pas trop mal par contre je voulais te demander, je voudrais savoir si il est possible de modifier la largeur des thèmes en général car celui ci m'interesse:
FFXIII_Versus_V2 mais je voudrai l'élargir un peu (comme le forum par exemple et les modules de droite et de gauche).

Merci d'avance.
Amicalement, Loïc.

Édité par Celthorg Le 28/02/2013 à 22h15

je ne connais pas trop le thème, mais pour élargir pas de soucis.

En général, il suffit d'augmenter le width de la class "global" dans le fichier design.css

Peux-tu nous copier le fichier design.css ?

ElenWii

Ah super merci, oui je m'en occupe en rentrant, merci

Voilà la copie du fichier :

/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site
--------------------------------------*/
* {
margin:0;
padding:0;
font-size:100%;
}

body {
background:#000000 url(images/background.png) repeat-y center;
color:#ffffff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
padding:0;
}
/* Cadre du forum */

.forumline {

}
/* Conteneurs
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
margin:auto;
width:1000px;
}
/* ##### Conteneur HAUT du site ###### */
div#global_header {
background: url("images/header2.png") no-repeat scroll center bottom #000000;
height: 339px;
}

div#title {
background:#000000 url(images/title.png) repeat-x center top;
height: 38px;
}

a.button {
/*border-left:1px solid #A5A5A5;*/
color:#45A9DE;
font-size:10px;
height:28px;
padding:13px 15px 12px;
top: 4px
text-align:center;
text-decoration:none;
width:10.75em;
}
/* ##### Entéte de la page ###### */
div#header_container {
background:#000000 url(images/header_container.jpg) no-repeat center top;
}

/* ##### Entéte de la page ###### */
div#header {}

/* ##### Conteneur en dessous de l'entéte ###### */
div#sub_header {
height:39px;
background:url("images/sub_header_lll_r1.png") repeat-x;
margin-top:-2px;
}

div#sub_header p a {
color:#646463;
}
div#noconnect{
float: left;
width: 1000px;
text-align: center;
margin-top: 4px;
}
div#connected{
height: 30px;
padding-top: 8px;
text-align: center;
width: 1000px;
}
/* Lien du subheader */
div#header .dynamic_menu h5.links {
background:none;
border:none;
color:#edfff0;
width:134px;
background:url(images/button.png) no-repeat;
padding:5px 0px;
font-size:11px;
margin-right:1px;
}

div#header .dynamic_menu h5.links:hover {
color:#edfff0;
cursor:default;
background:url(images/button_click.png) no-repeat;
}

div#header .dynamic_menu h5 a {
color:#FFFFFF;
text-decoration:none;
}

/* ##### Corps du site ###### */
div#corps {
background: url("images/header_container.jpg") no-repeat scroll center top #000000;
margin: auto;
width: 1000px;
}

/* ##### Compteur de visites ###### */
div#compteur {
color: #45A9DE;
float: left;
font-size: 11px;
font-weight: bold;
margin-left: 5px;
position: absolute;
top: 5px;
z-index: 1;
}

/* ##### Menu de gauche ###### */
div#left_menu {
float:left;
width:200px;
margin:0;
margin-top:10px;
margin-right:2px !important;
margin-right:-1px;
margin-left:5px;
padding:0;
}

/* ##### Menu droit ###### */
div#right_menu {
float:right;
width:190px;
margin:0;
margin-top:10px;
margin-left:10px !important;
margin-left:7px;
margin-right:5px;
}

/* ##### Contenu de la page ###### */
div#main {
width:auto;
min-width:450px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
padding:0;
margin:0;
float:none;
}

/* ##### Contenu central ###### */
div#main_content {
width:auto;
margin-top:-16px;
}

/* ##### Barre de lien rapide ###### */
div#links { /*width:96%;*/
margin:17px auto;
}

/* ##### Emplacement au dessus de contenu de la page ###### */
div#top_contents {
margin-top:8px;
margin-bottom:8px;
}

/* ##### Emplacement en dessous de contenu de la page ###### */
div#bottom_contents {
margin-top:8px;
margin-bottom:8px;
}

/* ##### Bloc au dessus du pied de page ###### */
div#top_footer {
clear:both;
padding:0.75em;
}

/* ##### Pied de page ###### */
div#footer {
height:30px;
clear:both;
margin:auto;
margin-top:0px;
padding:0px;
padding-top:36px;
padding-right:20px;
text-align:center;
background:#000000 url(images/footer.png) repeat-x;
}
div#footer span {
color:#45A9DE;
font-size:10px;
}
div#footer span a {
color:#9FDDFF;
font-size:10px;
}

/* ##### Liens rapides ###### */
div#links_vertical {
display:block !important;
display:none;
position:fixed;
background:url(images/vertical_menu_repeat.png) repeat-y;
top:45%;
margin-left:989px;
width:27px;
text-align:center;
padding-left:2px;
}

div#links_vertical_top {
width:29px;
background:url(images/vertical_menu_top.png) no-repeat;
text-align:center;
margin-left:-2px;
padding-top:8px;
}

div#links_vertical_central {
width:27px;
text-align:center;
margin-left:-2px;
padding:4px 0px;
}

div#links_vertical_bottom {
width:29px;
background:url(images/vertical_menu_bottom.png) no-repeat;
text-align:center;
height:32px;
margin-left:-2px;
}

.bglinks {
background:url(images/bgmenu_links.jpg) no-repeat bottom right;
margin:0px;
padding:0px;
list-style-type:none;
padding-bottom:7px;
margin-bottom:5px;
}

.block {
margin:10px auto;
padding:10px;
border-spacing:1px;
border:1px #cccccc solid;
background-color:#ffffff;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
background:#F7F8F5 url(images/contentbg.png) repeat-x;
}

Il faut agrandir le width ici : Actuellement à 1000px, tu peux lui appliquer la taille que tu veux.

Si tu veux agrandir le menu de gauche, il te faut augementer le width ici :

Menu de droite :

le contenu de la page lui prend la place qu'il reste entre main = global - left - right (610px = 1000px - 200px - 190px): valeur "auto". tu remarquera un min-width qui veut dire qu'il ne pourra pas être inférieur à 450px. Dans le cas ou tu réduit la taille de ta fenêtre.
je n'ai pas compter les borders ou marges

ElenWii

oh oh super, merci ElenWii, j’essaie ce soir et je te tien au jus

Amicalement, Loïc.

Voilà donc j'ai commencé la modification des images, cependant, il y en a une que je n'arrive pas à trouver dans le dossier,( la bordure bleu):



c'est ballot ^^

Si tu as une idée du nom de cette image je suis preneur.

Édité par Celthorg Le 03/03/2013 à 01h55

regarde le background du module_contents, je pense que ca te donnera le nom.

En générale les images sont dans thèmesimages

Elle est peut être en 1px de haut.

ElenWii

J'ai encore regardé ce matin et j'ai l'impression que l'image n'est pas dans le dossier, les autre images sont modifiés à part celle ci.



http://actiondetect51.fugeek.com/news/news.php (j'ai desactivé la maintenance dans l'attente que tu voies)



Amicalement, Loïc.

Édité par Celthorg Le 03/03/2013 à 13h22

Il doit y avoir un background dans le module content et si tu fais un "examiner l'element" tu devrais avoir le lien exacte.

ElenWii

d'accord, je vais regarder.

Voilà donc j'ai regardé, la fameuse image s'appelle "links_top_r, links_right et links_bottom_r", ses images s'affichent quand on click sur forum par ex mais pas pour les news.

Je dépose le module content:

/* --------------------------------------
content.css
Contient les formulaires, les modules (et modules minis), et messages.
--------------------------------------*/

/* Titres */
h1 {
color:#45A9DE;
font-size:18px;
}

h2.title {
font-size:16px;
font-weight:bold;
}

/* Titres */
h3.title {
font-size:14px;
font-weight:bold;
color:#45A9DE;
border-bottom:2px solid #45A9DE;
background:transparent url(images/breadcrumb.png) no-repeat;
background-position:left;
text-indent:20px;
padding:2px 5px;
margin-left:4px;
margin-right:6px;
}

/* Sous-Titres */
h5.sub_title { /* Titre des menu */
font-size:11px;
color:#45A9DE;
margin-top: 7px;
padding-top:9px;
margin:0;
}
/* Sous titre dans les menu */
h6.sub_title2 {
font-size:12px;
font-weight:bold;
padding-top:4px;
text-indent:10px;
width:155px;
height:32px;
color:#45A9DE;
}
h7.sub_title { /* Titre des menu */
font-size:11px;
color:#45A9DE;
margin-top: 7px;
}
/* Entête de conteneur et des tableaux */
div.block_top, table tr:first-child th {
padding:5px 6px;
color:#45A9DE;
background:transparent url(images/h4.png) repeat-x;
text-align:left;
font-size:0.75em;
font-weight:bold;
text-transform:uppercase;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
border-bottom:#747474;
}
.block_top {
margin-top:-1px;
-moz-border-radius:4px 4px 0px 0px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
th { /* Entête de conteneur et des tableaux */
padding:5px 6px;
color:#FFFFFF;
background:#3187C7 url(images/msg_top_row.png) repeat-x;
text-align:left;
font-size:0.75em;
font-weight:bold;
text-transform:uppercase;
}

hr {
background:#45A9DE;
border:none;
margin:1px auto;
height:1px;
width:99%;
}

/* ----------------- Formulaires ---------------------*/
.fieldset_mini {
width:540px;
margin:auto;
margin-top:20px;
}
/* ############ Début: A modifier avec les couleurs de fieldset ##############*/
div.block_title span {
text-transform:uppercase;
font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
font-size:0.75em;
font-weight:bold;
color:#E53B00;
background:#FFFFFF;
border-color:#CCCCCC;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}

div.block_content {
font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
border-color:#CCCCCC;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
background:#DEDEDE url(images/contentbg2.png) repeat-x;
border:1px #cccccc solid;
margin:10px auto;
border-left:1px solid #1C618C;
padding-right:23px;
}
/* ############ Fin : A modifier avec les couleurs de fieldset ##############*/
input, textarea, optgroup, select, .xmlhttprequest_preview{
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
font-size:11px;
vertical-align:middle;
border-left:1px solid #22343B;
border-top:1px solid #22343B;
border-right:1px solid #22343B;
border-bottom:1px solid #22343B;
background-color:#464646;
color:#45A9DE;
padding:1px 2px;
}
input {
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
font-size:11px;
vertical-align:middle;
border:1px solid #45A9DE;
/*background-color:#285182;*/
color:#45A9DE;
padding:1px 2px;
}
input:hover{
border:none;
}

textarea:hover{
border:1px solid #6EA500;
background-color:#FFFFFF;
}

input:focus, textarea:focus{
/*border:1px solid #45A9DE;
background-color:#EEEAEA;*/
}

fieldset textarea.post {
width:90%;
display:inline;
}

textarea {
display:block;
width:94%;
margin:auto;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
input.text{
padding:2px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}

input.submit{
padding:1px 2px;
font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
color:#45A9DE;
font-weight:bold;
font-size:10px;
background:transparent url(images/input.png) no-repeat;
width:112px;
height:28px;
border:medium none;
}

input.file{
border:1px solid #45A9DE;
border-top:1px solid #8498ae;
color:#45A9DE;
padding:1px;
font-weight:bold;
font-size:10px;
background:#A9CEE9 url(images/form.png) repeat-x;
}

input.reset{
padding:1px 2px;
font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
background:transparent url(images/input.png) no-repeat;
width:112px;
height:28px;
border:medium none;
}

input.reset:hover{
border:none;
cursor:pointer;
color:#FF0000;
}


input.submit:hover{
border:none;
cursor:pointer;
color:#FFFFFF;
}

optgroup, select{
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
cursor:pointer;
vertical-align:middle;
width:auto;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}

optgroup {
font-weight:bold;
border:none;
border-bottom:1px solid #5B5A5A;
}

option {
padding:0px 3px;
}

legend {
padding:1px 0;
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
font-size:0.85em;
font-weight:bold;
background:transparent url(images/h4.png) repeat-x scroll 0 0;
border:1px solid #747474;
padding:2px 10px;
margin-top:-0.4em;
margin-left:0.5em;
position:relative;
text-transform:none;
line-height:1.5em;
color:#45A9DE;
top:0;
vertical-align:middle;
text-transform:uppercase;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
}
legend{
top:-1.2em;
}
* html legend {
margin:0 0 -10px -7px;
line-height:1em;
font-size:.85em;
}

fieldset{
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
margin:20px 0;
padding:6px;
border:1px solid #45A9DE;
color:#45A9DE;
background:#000000;
position:relative;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
fieldset.fieldset_submit{
margin-top:-10px;
padding-bottom:15px;
width:99%;
text-align:center;
background:none;
border:none;
}

fieldset.fieldset_submit legend {
display:none;
}

fieldset dl {
height:1%;
overflow:hidden;
margin-bottom:16px;
font-size:11px;
}

fieldset dl.overflow_visible {
overflow:visible;
}

html>body fieldset dl {
height:auto;
min-height:20px;
}

fieldset dt {
width:45%;
text-align:left;
padding-top:3px;
}

fieldset dd {
margin:0 0 0 45%;
padding:0 0 0 5px;
border:none;
vertical-align;
font-size:11px;
}

dt {
float:left;
width:auto;
}

dt span {
padding:0 5px 0 0;
}

label {
cursor:pointer;
color:#ffffff;
}

fieldset label {
font-size:11px;
text-align:left;
font-weight:bold;
color:#45A9DE;
}

dd label {
white-space:nowrap;
margin:0 10px 0 0;
font-weight:normal;
color:#45A9DE;
}

dt span {
font-size:10px;
color:#45A9DE;
}

label img {
vertical-align:middle;
}

fieldset dl dd label:hover {
color:#464646;
}

/* Messages postés par les membres (messages privés, commentaires, etc...) */

/* Classe du lien du pseudo des messages */
a.msg_link_pseudo {
font-size:11px;
color:#45A9DE;
font-weight:bold;
}

a.msg_link_pseudo:hover {
color:#f2fbff;
font-weight:bold;
}
/* Conteneur des messages */
.msg_position {
margin:auto;
background:#000000 url(images/border.png) repeat-y scroll left center;
}
/* Case contenant l'ensemble du message */
.msg_container,.msg_container2 {
background:#464646 url(images/border.png) repeat-y right;
margin-left:1px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
clear:both;
}
/* Case contenant l'ensemble du message => Couleur alternative */
.msg_container2 {
background:#28517F url(images/border.png) repeat-y right;
}

/* Barre supérieur des messages */
.msg_top_l{
margin-right:0px !important;
margin-right:-3px;
height:34px;
width:33px;
background:transparent url(images/msg_top_l.png) no-repeat left;
float:left;
}

.msg_top_r{
margin-left:0px !important;
margin-left:-3px;
height:34px;
width:34px;
background:transparent url(images/msg_top_r.png) no-repeat right;
float:right;
}

.msg_top {
height:25px;
background:transparent url(images/msg_top.png) repeat-x;
padding-left:6px;
margin-left:20px;
margin-right:15px;
padding-top:9px;
}

.msg_top a {
color:#FFFFFF;
}
/* Pseudo du membre */
.msg_pseudo_mbr {
width:127px;
background:#5D7C94 url(images/msg_top_row.png) repeat-x;
padding:2px 4px;
float:left;
margin-right:0px !important;
margin-right:-3px;
margin-left:-127px !important;
margin-left:-64px;
margin-top:-4px;
}
/* Case au dessus du message, indique la date et les boutons d'administration */
.msg_top_row {
height:16px;
background:#5D7C94 url(images/msg_top_row.png) repeat-x;
font-size:11px;
color:#45A9DE;
margin-right:1px;
border-top:1px solid #45A9DE;
border-bottom:1px solid #45A9DE;
padding-top:4px;
padding-left:127px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
}
/* Case des informations du membre */
.msg_info_mbr {
background:#000000 url(images/contentbg2.png) repeat-x scroll 0 0;
width:127px;
padding:4px;
float:left;
font-size:10px;
border-right:1px dotted #C4CED6;
}
/* Case contenant l'ensemble du message, infos membre + contenu */
.msg_contents_container {
margin-right:1px;
background:#000000;
}
/* Case du message */
.msg_contents,.msg_contents2 {
margin-left:135px;
background:#464646 none repeat scroll 0 0;
padding:0px 5px;
border-left:1px dotted #C4CED6;
}
/* Case du message => Couleur alternative */
.msg_contents2 {
background:#28517F;
}
/* Case du contents du message, évite que les images trop grandes déforme */
.msg_contents_overflow {
width:99%;
height:auto;
min-height:80px;
overflow:auto;
padding:10px 0px;
}
/* Signature du membre */
.msg_sign,.msg_sign2 {
background:#464646 url(images/border.png) repeat-y right;
padding:4px;
font-size:11px;
margin-left:136px;
border-left:1px dotted #C4CED6;
}
/* Signature du membre => Couleur alternative */
.msg_sign2 {
background:#28517F url(images/border.png) repeat-y right;
}
/* Signature du membre, fixe la hauteur maximale */
.msg_sign_overflow {
height:auto !important;
height:80px;
width:99%;
max-height:80px;
max-width:99%;
overflow:hidden;
}
/* Barre inférieure des messages */
.msg_bottom_l {
margin-right:0px !important;
margin-right:-3px;
width:8px;
height:24px;
background:url(images/msg_bottom_l.png) no-repeat left;
float:left;
border-top:1px solid #747474;
}

.msg_bottom_r {
margin-left:0px !important;
margin-left:-3px;
width:8px;
height:24px;
background:url(images/msg_bottom_r.png) no-repeat right;
float:right;
border-top:1px solid #747474;
}

.msg_bottom {
height:22px;
background:url(images/msg_bottom.png) repeat-x;
padding-top:2px;
padding-left:6px;
margin-left:8px !important;
margin-left:0px;
margin-right:8px !important;
margin-right:0px;
font-size:12px;
border-top:1px solid #747474;
}

/* ---------------- Modules ----------------------*/
/* Conteneur des modules */
.module_position {
margin:auto;
}
/* Barre supérieur des modules */
.module_top_l {

}

.module_top_r {

}

.module_top {
height:25px;
text-indent:10px;
font-size:12px;
font-weight:bold;
color:#45A9DE;
border-bottom:2px solid #747474;
}

.module_top a {

}
/* Contenu des modules */
.module_contents {
padding:20px 15px;
padding-bottom:15px;
clear:both;
text-align:justify;
}
/* Barre inférieure des modules */
.module_bottom_l {

}

.module_bottom_r {

}

.module_bottom {
height:22px;
padding-top:2px;
padding-left:6px;
font-size:12px;
text-align:center;
}
/* Tableau global, utilisé dans les différents modules */
.module_table {
width:98%;
margin:auto;
border-spacing:0px;
border-collapse:collapse;
}
*+html .module_table { /* Hack ie7 */
border-collapse:collapse;
}
.block_container {
width:auto;
margin:10px auto;
}
div.block_contents {
width:auto;
/*padding:10px;
border:none;*/
text-align:justify;
}
/* ----------------Placement Modules minis----------------------*/
.module_mini_container {
width:180px;
margin:0px;
margin-bottom:10px;

/*border:1px #747474 solid;*/
border-spacing:1px;
padding:5px;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}

.module_mini_top {
background:transparent url(images/contentbg.png) no-repeat;
font-weight:bold;
text-align:center;
width:185px;
margin-left:-3px;
height:37px;
}

.module_mini_contents {
background: url(images/contents-bg.png) repeat-y;
border-top:none;
border-bottom:none;
text-align:center;
padding:4px;
padding-top:5px;
padding-bottom:0px;
margin-top:-2px;
}

.module_mini_bottom { /* Bordure inférieur des modules minis */
background:transparent url(images/contents-bottom.png) no-repeat;
height:20px;
width:190px;
margin-left:-4px;
}

.label {
font-weight:bold;
font-size:11px;
color:#ffffff;
}
/* ################### Bordure du modules Links ################### */
.links_color {
border-bottom:2px solid #45A9DE;
margin-left:4px;
margin-right:6px;
margin-top:-9px;
}
.links_middle {
background:#000000 url(images/links_right.png) repeat-y scroll right 0;
margin-left:4px;
margin-right:0px;
text-indent:10px;
}
.links_global {
background:#000000 url(images/links_left.png) repeat-y scroll left 0;
margin-left:4px;
margin-right:6px;
}
.links_top {
background:transparent url(images/links_top.png) repeat-x scroll 0 0;
height:35px;
margin-left:20px;
margin-right:15px;
}
.links_top_l{
background:transparent url(images/links_top_l.png) no-repeat scroll 0 0;
height:35px;
width:20px;
float:left;
margin-right:0 !important;
}
.links_top_r{
background:transparent url(images/links_top_r.png) no-repeat scroll 0 0;
height:35px;
width:134px;
float:right;
margin-left:0 !important;
}
.links_bottom {
background:transparent url(images/links_bottom.png) repeat-x scroll 0 0;
height:30px;
margin-left:20px;
margin-right:15px;
}
.links_bottom_l{
background:transparent url(images/links_bottom_l.png) no-repeat scroll 0 0;
height:30px;
width:56px;
float:left;
margin-right:0 !important;
}
.links_bottom_r{
background:transparent url(images/links_bottom_r.png) no-repeat scroll 0 0;
height:30px;
width:134px;
float:right;
margin-left:0 !important;
}