| Modifier la largeur de la page du thème Faster 2 ? |
Titre du sujet : Modifier la largeur de la page du thème Faster 2 ?
par virtual sur 08/07/2013 23:43:46
Bonjour,
j'ai mon site (thème Faster2) qui est trop large sur certains modules :
l'accueil (avec Catads, messages privés, et Olédrion: les autres modules se redimensionnent bien automatiquement.
Ca fait que le site "déborde" parfois sur la droite de mes navigateurs.
j'ai regardé dans /www/themes/faster_2 le fichier theme.html, mais il n'y a aucune option de largeur réglable...
Le seul fichier que j'ai trouvé dans mon thème Faster2 ou je peux modifier des "width", c'est "style.css" qui se trouve dans :
/www/themes/faster_2/css
Mais je n'ai réussi qu'a changer la marge gauche (plus éloignée) ou avoir une page énorme !
Voici le fichier... Help ...
@import url(reset.css); @import url(devc.css); @import url(tplsystem.css); @import url(extras.css); /* * Faster Theme * * @copyright Xoops Project <http://www.xoops.org/> * @license http://www.fsf.org/copyleft/gpl.html& ... sp;CSS and code, images are allowed to be used by buyers of the theme only. PSD is available on demand. * @package themes * @since 2.4.x * @author Vampire Trix <vampire.trix@gmail.com> * @maintained Vampire Trix <vampire.trix@gmail.com> * * @version 1 IMPORTANT !!! : propriety semantic order = position box, width, heigth, margin, background-color, background-image, padding, content (color, style font, ...), border, ... include style sheets reset css for web browsers dev css only for web development style for templates system : siteclosed, redirection, debug mode, core messages, ... extras style for perzonalisation templates for html 5 in next time*/ ARTICLE, ASIDE, DIALOG, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION { display: block; } /*beginning of the applicable styles*/ HTML, BODY { max-width: 100%; margin: 0 auto; background-color: #FFFFF0; color: #333; font-family: "Lucida Grande", Verdana, sans-serif; line-height: 1.5em; } HTML { font-size: 100%; } BODY { font-size: 75%; } /*======= Body box =======*/ #xo-wrapper { } UL.faster_ul_stylesheets { width: 800px; height: 22px; } DIV.faster_stylesheets { z-index: 33; width: 100px; margin-top: -21px; margin-left: 860px; } .faster_ul_stylesheets LI { display: inline; } #xo-bgstatic { } #xo-canvas { width: 100%; margin: 0 auto; background: url(../img/shadow.jpg) repeat-x; } #xo-canvas-content { width: 600px; margin: 0 auto; background: url(../img/shadow.jpg) repeat-x; border-bottom: 1px solid #CBB; border-right: 1px solid #CBB; border-left: 1px solid #CBB; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; padding: 0; } #xo-sitemaintenance #xo-canvas-content { font-family: Arial; font-weight: bold; text-align: center; } #xo-canvas-columns { } .faster-globalnavwrapper { background: url(../img/navigation_bg.jpg) repeat-x; height: 32px; width: 800px; margin: 0 auto; } #faster-globalnav { background: url(../img/navigation_bg.jpg) repeat-x; margin: 0 auto; /*[empty]border:;*/ height: 35px; border-top: 1px solid #7C7C7C; border-bottom: 1px solid #7C7C7C; height: 32px; } #mainmenu A.menuTop.maincurrent { color: #1E40D1 !important; font-weight: bold !important; margin: 0px; } #mainmenu A { font-size: 10pt; margin-top: 6px; border-bottom: 1px dotted #CCC; margin-right: 0px; color: #777777 !important; font-weight: normal; padding-left: 0px; /*[empty]margin-left:;*/ } /*===== header =====*/ #xo-header { background: url(../img/header_bg.jpg) repeat-x; height: 40px; width: 800px; margin: 0 auto -40px; z-index: 1 !important; } .faster-headerwrapper { background: url(../img/header_bg.jpg) repeat-x; } #xo-headerlogo { float: left; margin-top: 0.5em; margin-left: 0.5em; margin-bottom: 9px; } #xo-banner { } #xo-banner.commercial { } #xo-headerbanner { float: right; width: 100%; margin-top: 7px; } #xo-sitemaintenance #xo-headerbanner { height: 85px; margin: 0; background-image: url(../img/banner_bg.jpg); padding-top: 10px; } #xo-bannerfix { width: 480px; height: 70px; background: url(../img/bg-ad-top.png) no-repeat; padding-top: 6px; padding-right: 6px; padding-left: 6px; z-index: 99; margin: 0 auto; } .faster-banner { height: 95px; margin: 0; background: url(../img/banner_bg.jpg) repeat; width: 100%; } #xo-globalnav { clear: both; height: 30px; /*[empty]background-color:;*/ color: #FFFFFF !important; } #xo-globalnav A { clear: both; margin: -11px auto 0 !important; height: 35px; /*[empty]background-color:;*/ color: #FFFFFF !important; font-weight: bold; padding-top: 12px; padding-bottom: 4px; padding-right: 0px; text-shadow: 1px 1px 1px #6B6B6B; filter: dropshadow(color=#6b6b6b, offx=1, offy=1); } UL.faster_navigation LI A:hover { background: center bottom; padding-bottom: 0px; height: 0px; text-shadow: 1px 1px 5px #3160A8 !important; filter: dropshadow(color=#3160a8, offx=1, offy=1) !important; } .faster_navigation LI A { /*[empty]background:;*/ border-left: 0px solid #000000; } UL.faster_navigation LI { border-left: 1px solid #7C7C7C; min-width: 50px; } /*====== hypertext links =====*/ A { } A:visited, A:focus, A:hover, A:active { } #faster_navid LI { display: inline; margin-left: 13px; font-size: 8.9pt; margin-top: -35px; } DIV#xo-globalnav { } /*===== titles =====*/ H1, H2, H3, H4, H5, H6 { margin: 1em 0 0.5em; line-height: 1.2; font-weight: bold; font-style: normal; } H1 { font-size: 18px; border-bottom: 1px dotted #333; padding-left: 10px; padding-bottom: 4px; } H2 { font-size: 1.2em; } H3 { font-size: 1em; } H4 { font-size: 1em; } H5 { font-size: 0.9em; } H6 { font-size: 0.8em; } /*===== images =====*/ IMG { border: 0 !important; } P IMG { margin: 0.5em; } A IMG:hover, A IMG:focus { } .faster_navigation IMG { margin-left: 12px; padding-left: 4px; margin-right: 5px; margin-top: 1px; padding-top: 0px; } A IMG { border: none; } .imgsmile { padding: 0 !important; border: 0 !important; margin-bottom: -2px !important; } /*===== other attributes of contents =====*/ P { } HR { } STRONG, B, DFN { font-weight: bold; } U { text-decoration: underline; } I, EM { font-style: italic; } DEL { text-decoration: line-through; } ADDRESS { } Q, CITE, EM, DFN, STRONG { } BDO { direction: ltr; } ACRONYM, ABBR, DFN { } ABBR[title] { } ACRONYM:hover, ABBR:hover { } ::selection { } ::-moz-selection { } FORM#userinfo TBODY TH { background-color: #EFEFEF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 13.1pt; font-family: "Trebuchet MS"; padding: 5px; border: 1px dotted #888; } UL#faster_navid.faster_navigation { margin-top: -2px; padding-bottom: 0px; padding-top: 6px; width: 800px; margin: 0 auto; } /*===== lists =====*/ #xo-canvas-content OL { } #xo-canvas-content UL { } #xo-canvas-content LI { } #xo-canvas-content DD { } #xo-canvas-content DL { } #xo-canvas-content DT { } DL { } DT { } DD { } /*===== forms =====*/ FORM { } FIELDSET { } LEGEND { font-weight: bold; } INPUT, BUTTON, SELECT { vertical-align: middle; margin: 0.5em; } INPUT { } LABEL, .caption-text { } SELECT { border: 1px solid #333; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 2px 2px 5px; font-weight: bold; font-size: 7.9pt; } SELECT[name=timezone_offset] { } SELECT:focus { } TEXTAREA { width: 90%; max-height: 250px; line-height: 1.5em; overflow: auto; } TEXTAREA:focus { } #xo-page FIELDSET A { } #xo-page FIELDSET A:hover { } #xo-page LEGEND { font-weight: bold; } #xo-page LABEL { } BUTTON, INPUT[type=submit], INPUT[type=button], INPUT[type=reset], .xo-formbuttons, .formButton { background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #FFF; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; position: relative; cursor: pointer; } BUTTON:focus, INPUT[type=submit]:focus, INPUT[type=button]:focus, INPUT[type=reset]:focus, .xo-formbuttons:focus, .formButton:focus { } BUTTON:hover, INPUT[type=submit]:hover, INPUT[type=button]:hover, INPUT[type=reset]:hover, .xo-formbuttons:hover, .formButton:hover { } INPUT[type=text], INPUT[type=password], INPUT[type=checkbox], INPUT[type=file], TEXTAREA { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #454242; -webkit-box-shadow: 0 1px 3px #454242; border: 1px solid #3E3E3E; } INPUT[type=text], INPUT[type=password], INPUT[type=file] { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; border: 1px solid #3E3E3E; padding: 2px 2px 2px 5px; font-weight: bold; font-size: 7.9pt; } INPUT[type=text]:hover, INPUT[type=password]:hover, INPUT[type=file]:hover, INPUT[type=checkbox]:hover, TEXTAREA:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; border: 1px solid #3E3E3E; } INPUT[type=text]:focus, INPUT[type=password]:focus, INPUT[type=file]:focus, INPUT[type=checkbox]:focus, TEXTAREA:focus { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; border: 1px solid #3E3E3E; } INPUT[type=checkbox], INPUT[type=radio] { margin: 3px; padding: 2px; } #xo-page .xoops-form-element-caption-required, #xo-page .xoops-form-element-caption { /*[disabled]background-color:#F4F4F4;*/ /*[disabled]padding-left:12px;*/ /*[disabled]margin-bottom:8px;*/ /*[disabled]font-family:Arial;*/ /*[disabled]padding-top:0px;*/ /*[disabled]padding-left:15px;*/ /*[disabled]border-radius:5px;*/ /*[disabled]-webkit-border-radius:5px;*/ /*[disabled]-webkit-border-radius:5px;*/ /*[disabled]margin-top:5px;*/ /*[disabled]margin-right:13px;*/ /*[disabled]border:1px dotted #BBB;*/ } .xo-formfield.required LABEL:after, .caption-marker { content: '*'; color: #FF0000; background-color: transparent; } .xoops-form-element-caption .caption-marker { display: none; } .xoops-form-element-caption-required .caption-marker { } .xoops-form-element-help { } /*===== block main menu =====*/ #mainmenu { margin-top: 10px; padding-left: 5px; margin-left: 13px; } #mainmenu A { display: block; } #mainmenu A:hover { font-weight: normal; color: #416AE1 !important; } #mainmenu A:active, #mainmenu A.current { } #mainmenu A:visited { } #mainmenu A.menuTop { } #mainmenu A.menuMain { } #mainmenu A.menuSub { } #mainmenu A.menuSub:hover { } #mainmenu A.maincurrent { } /*===== block user menu =====*/ #usermenu { /*[empty]margin-top:;*/ } #usermenu A { display: block; /*[empty]margin-top:;*/ } #usermenu A:hover { font-weight: normal; color: #416AE1 !important; } #usermenu A:active, #usermenu A.current { } DIV#usermenu A { margin-left: 19px; border-bottom: 1px dotted #000000; font-size: 10pt; margin-top: 6px; border-bottom: 1px dotted #CCC; margin-right: 0px; color: #777777 !important; font-weight: normal; padding-left: 0px; /*[empty]margin-left:;*/ } #usermenu A:visited { } #usermenu A.menuTop { } #usermenu A.highlight { } /*===== left column =====*/ #xo-canvas-leftcolumn { } #xo-canvas-leftcolumn .xo-block { } #xo-canvas-leftcolumn .xo-blocktitle { font-size: 10pt; font-weight: bold; text-transform: lowercase; color: #333; border-bottom: 1px dotted #333; margin-left: 11px; font-family: "trebuchet ms"; margin-top: 10px; padding-left: 5px; } #xo-canvas-leftcolumn .xo-blockcontent { } /*===== right column =====*/ #xo-canvas-rightcolumn { margin-right: 5px; } #xo-canvas-rightcolumn .xo-block { } #xo-canvas-rightcolumn .xo-blocktitle { font-size: 10pt; font-weight: bold; text-transform: lowercase; color: #333; border-bottom: 1px dotted #333; margin-left: 11px; font-family: "trebuchet ms"; margin-top: 10px; padding-right: 5px; text-align: right; } #xo-canvas-rightcolumn .xo-blockcontent { } /*===== center content and block in center column ======*/ #xo-page { } /*----- center blocks -----*/ #xo-page .xo-blockszone>.xo-block { } #xo-page .xo-blockszone .xo-blocktitle { font-size: 18px; padding-left: 4px; padding-bottom: 4px; margin-top: 9px; border: 1px solid #D7D7D7; margin-bottom: -1px; padding-top: 6px; } #xo-page .xo-blockszone .xo-blockcontent { border: 1px solid #DDD; padding: 10px; } #xo-topcenterblocks, #xo-bottomcenterblocks { } #xo-page-topcenterblocks .xo-blocktitle, #xo-page-bottomcenterblocks .xo-blocktitle { } #xo-page-topcenterblocks .xo-blockcontent, #xo-page-bottomcenterblocks .xo-blockcontent { } #xo-page-topleftblocks .xo-blocktitle, #xo-page-bottomleftblocks .xo-blocktitle, #xo-page-toprightblocks .xo-blocktitle, #xo-page-bottomrightblocks .xo-blocktitle { } #xo-page-topleftblocks .xo-blockcontent, #xo-page-toprightblocks .xo-blockcontent, #xo-page-bottomleftblocks .xo-blockcontent, #xo-page-bottomrightblocks .xo-blockcontent { } /*----- content module page -----*/ #xo-content { } /*===== footer =====*/ #xo-footer { clear: both; float: left; width: 100%; margin: 0; text-align: center; } #xo-copyright { margin-top: 10px; font-weight: bold; font-size: 6.9pt; margin-bottom: 9px; } /*===== tables and cells =====*/ TABLE { width: 100%; margin: 0.5em 0 1em; border-collapse: collapse; } CAPTION { } TH, TH.head, THEAD { font-weight: bold; text-align: center; vertical-align: middle; background-color: #EFEFEF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 9.5pt; font-family: "Trebuchet MS"; padding: 3px 5px 2px; border: 1px dotted #888; } TH.head A { } TH.head A:hover { } .foot, TFOOT { } TBODY { } TABLE.outer { border-collapse: separate; } TABLE TD { } .outer { } .head { font-weight: bold; vertical-align: top; background-color: #F4F4F4; padding-left: 12px; margin-bottom: 8px; font-family: Arial; padding-top: 0px; padding-left: 15px; border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 5px; margin-right: 13px; border: 1px dotted #BBB; } .even { font-family: Arial; padding-top: 8px; padding-left: 9px; margin-left: 4px; text-align: left; } .odd { font-family: Arial; /*[empty]margin-left:;*/ padding-bottom: 0px; padding-left: 10px; text-align: left; } TR.even TD { } TR.odd TD { } /*===== codes and quotes =====*/ .xoopsCode { max-height: 200px; overflow: auto; } .xoopsQuote { } BLOCKQUOTE { font-style: italic; } /*===== articles (content-type in example) =====*/ .item { } .itemHead { } .itemInfo { margin-top: 8px; background-color: #E4E4E4; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #999; } .itemInfo A { } .itemInfo A:hover { } .itemTitle { } .itemTitle A { } .itemTitle A:hover { } .itemPoster { } .itemPostDate { } .itemStats { } .itemBody { } .itemText { } .itemText:first-letter { } .itemFoot { } .itemFoot A { } .itemFoot A:hover { } .itemAdminLink { } .itemPermaLink { } /*===== forums (content-type in example) =====*/ .comTitle { font-weight: bold; } .comTitle A { } .comTitle A:hover { } .comText { } .comUserStat { } .comUserStatCaption { } .comUserStatus { } .comUserRank { } .comUserRankText { } .comUserRankImg { } .comUserName { } .comUserImg { } .comDate { } .comDateCaption { } .signature { } /*===== pages navigation =====*/ #xo-pagenav { } .pagneutral { } .pagact { } .paginact { } .xo-counterpage { } .xo-pagarrow { } /*============== css fix for modules ================= for profile module*/ .register-steps { text-align: left; font-size: 0.9em !important; } /*for publisher module*/ #tabs UL LI { list-style: none; } /*for cbb/newbb module*/ DIV.dropdown SELECT.menu, DIV.dropdown SELECT.userbar { background-color: #FFF !important; border: 2px inset #E5E5E5 !important; font-size: 0.9em; font-weight: normal; } #xo-sitemaintenance #login_window { width: 114px; background-color: #BABABA; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #222; margin-left: 10px; margin-bottom: 10px; float: left; margin-top: 17px; }
|
|
