Vous êtes ici Forums
  |  Connexion
 Forums
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Mise en place de CSSMise en place de CSS
Précédente
 
Suivante
Nouveau message
11/11/2006 12:24
 
bonjour  :)

J'ai chargé un thème que vous proposez (le gris). Aucun souci à ce niveau !

Cependant, lorsque je veux personnaliser mon CSS, les pages ne prennent pas en compte !

Voilà ce que j'ai fait dans le CSS :

.ContentPane  {
width: 400px;
}

.RightPane {
width: 200px;
}
 
Nouveau message
12/11/2006 11:01
 
bonjour,

J'ai bien sûr trouvé entre temps, mais ce n'est pas pratique du tout. J'ai du touché un fichier default.css pour que cela soit pris en compte et l'interface ne fournit rien pour toucher celui-ci...


 
Nouveau message
12/11/2006 17:16
 
Bon, c'est archi bizarre :

Quand je modifie les valeurs des right, left & content pane, ca marche à peu près.

J'ai :

.leftpane {
    width: 100px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.contentpane {
    width: 700px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.rightpane {
    width: 200px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

Cependant, selon les pages que j'ai, ces colonnes varient toutes seules...


 
Nouveau message
12/11/2006 22:18
 
Bonjour,

Plusieures choses à comprendre :
  • IE ne gère pas le cache web aussi bien que Firefox ou Opéra, de ce fait et afin de voir l'ensemble des modifications de manière sûre, appuyez sur Ctrl + F5 afin de rafraîchir la page.
  • Dotnetnuke utilise plusieurs fichiers CSS Stylesheet dont (le dernier de la liste est celui qui impacte le plus car les valeurs de ses propriétés de classes remplacent celles des fichiers antérieurs) :
    • - Default.css : Fichier utilisé par l'instance et se trouvant dans Portals/_default.Il n'est pas nécessaire de modifier ce fichier.
    • - Portal.css : Fichier utilisé par chaque site et se trouvant dans Portals/[PortalId].Il n'est pas nécessaire de modifier ce fichier.
    • - Skin.css : Fichier utilisé par chaque skin et se trouvant dans Portals/[PortalId]/Skins/[SkinName] ou Portals/_default/Skins/[SkinName]. C'est ce fichier qu'il faut modifier pour impacter le design du site (Images du skin, couleurs générales, placement des zones users, etc.). Par défaut, Dotnetnuke utilise un thème bleu dont le nom est DNN-Blue. Le fichier skin.css à modifier se situe alors dans le dossier Portals/_default/Skins/DNN-Blue.
    • - Container.css : Fichier utilisé par chaque container et se trouvant dans Portals/[PortalId]/Containers/[ContainerName] ou Portals/_default/Containers/[ContainerName]. Ce fichier impacte sur les modules uniquement, et les classes importantes sont .ModuleTitle et .head qui peuvent necessiter une définition par container.
L'important est donc de bien situer :
- Le skin utilisé par chaque page,
- L'emplacement du skin.css correspondant.

Sébastien
 
Nouveau message
13/11/2006 09:09
 
Bonjour,

Merci Sébastien pour la qualité de ta réponse.

J'ai passé une partie de l'après-midi à comprendre le fonctionnement des CSS que je trouvais dans DNN. Cependant, j'ai été obligé de touché le default.css, car j'avais absoluement besoin de modifier les couleurs de mes liens par exemple.

Le point sur lequel j'ai buté ensuite me dépasse encore et j'ai beau regardé le source de dotnetnuke.fr, je ne trouve pas de réponse. Pour expliquer mon problème, je vais utiliser 2 images pour que vous cerniez mon problème.

J'ai créé un skin pour le besoin de mon client qui est à fond noir. Voici mes 2 images :



Mode module apparent : Comme vous le voyez, les modules sont apparents pour que l'admin puisse les modifier. Je n'ai pas affecté de style particulier. La largeur du leftpane en visuel est de 300px environ alors que dans le css de mon skin personalisé, je lui demande d'être à 220px.


Mode aperçu : Je ne comprends pas pourquoi mais le mode aperçu garde une largeur de 300px alors que vu le peu de place que prennent les éléments de gauche, la colonne de gauche devrai se mettre à 220px.

Je ne sais plus trop comment faire. Dois-je créer un style pour mes conteneirs ?
 
Nouveau message
13/11/2006 12:13
 
Bonjour,

Cela ressemble à un héritage de largeur.
Assure toi que le tableau ou DIV contenant les zones user n'ai pas d'attribut width défini à 100%. Si la valeur est 100%, la zone de gauche s'adaptera (suivant la lecture à la volée de IE), et si une valeur est définie pour la zone de gauche, c'est celle de droite qui s'adaptera. Vérifie également le padding et le marging sur ces zones.
Si tu postes le fichier ascx et css ici je pourrai te dire à coup sûr ce qui cloche.

Il est déconseillé de modifer default.css et portal.css, car une mise à jour remplacera tes modifications et t'oblige à garder un ensemble de tâches à réaliser suite à une mise à jour. Pour modifier tes liens, je te conseille d'overwriter TOUTES les valeurs des attributs de la classe A (ou autre qui influe sur ce que tu souhaites) dans ton skin.css. Skin.css étant lu en dernier, ce sont ces valeurs d'attributs qui seront utilisés.

Par exemple, si dans default.css tu as :
    A { color:blue, text-decoration: underline; font-size: 12pt; }
    A:link { color: blue ;}
    A:hover { color: red; }
    A:active { color: white; }
    A:visited { color: marroon; }

Place simplement ceci dans ton skin.css :
    A { color:red; text-decoration: none; font-size: 15pt; }
    A:link { color: red;}
    A:hover { color: white; }
    A:active { color: blue; }
    A:visited { color: blue; }

Si tu omets de remplacer la valeur de l'attribut font-size, alors la taille sera de 12pts malgrès que ceci ne soit pas déclaré dans skin.css.

Seb
 
Nouveau message
13/11/2006 12:51
 

C'est vraiment intéressant ce que tu me dis là. Je ne savais pas que le dernier fichier CSS est celui pris en compte lorsque 2 classes de styles sont déclarés dans 2 fichiers CSS. Donc je ferai ce que tu me dis pour pour les couleurs de liens, ca évitera bien des soucis.

Pour les largeur, je ne pense pas avoir toucher d'autres balises. Je te mettrai mes fichiers CSS ce soir, lorsque je rentre du boulot

 
Nouveau message
14/11/2006 15:44
 
Bonjour,

Voici Sébastien le copié-collé de mes css :

skin.css
/*
================================
Skin styles for DotNetNuke
================================
*/  

.pagemaster {
    width: 100%;
    height: 100%;   
    background-color: #fefefe;
}
.skinmaster {
    height: 100%;
    background-color: #000000;
    border-right: #6c6c6c 1px solid;
    border-top: #6c6c6c 1px solid;
    border-left: #6c6c6c 1px solid;
    border-bottom: #6c6c6c 1px solid;
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}
.skinheader
{
}
.controlpanel {
    width: 100%;
    background-color: #dfe5f2;
}
.toppane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.leftpane
{
    width:300px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.contentpane
{
    width:685px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.rightpane {
    width: 0px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.bottompane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.MainMenu_MenuContainer {
    background-color: transparent;
}
.MainMenu_MenuBar {
    cursor: pointer;
    cursor: hand;
    height:16px;
    background-color: Transparent;
}
.MainMenu_MenuItem {
    border-left: #cad5ea 0px solid;
    border-bottom: #cad5ea 1px solid;
    border-top: #cad5ea 1px solid;
    border-right: #cad5ea 0px solid;
    cursor: pointer;
    cursor: hand;
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    font-family: Tahoma, Arial, Helvetica;
}
.MainMenu_MenuIcon {
    background-color: transparent;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 21px;
}
.MainMenu_SubMenu {
    background-color: black; 
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}
.MainMenu_MenuBreak {
    height: 1px;
}
.MainMenu_MenuItemSel {
    background-color: #e50021;
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    height: 21px;
}
.MainMenu_MenuArrow {
    border-right: #cad5ea 1px solid;
    border-bottom: #cad5ea 1px solid;
    border-top: #cad5ea 0px solid;
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.MainMenu_RootMenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.StandardButton {
  background: #7994cb none;
  color: #ffffff;
  font-family: verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color:#000000;
}
HR{
    width:90%;
    text-align:center;
}
.LG_Haut {
   height: 28px;
   background-image: url(haut.jpg);
}
.LG_Bas {
   height: 30px;
   background-image: url(bas.jpg);
}
.LG_Titre
{
   font-family: Tahoma, Arial, Helvetica;
   color: #e50021;
   font-size: 16px;
   text-align:center;
   font-weight:bold;
}
.LG_SousTitre
{
   font-family: Tahoma, Arial, Helvetica;
   color: #009900;
   font-size: 15px;
   text-align:center;
   font-weight:bold;
   width:230px;
}
.LG_SousTitre_Comment{
   font-family: Tahoma, Arial, Helvetica;
   text-align:justify;
   font-style:italic;
   color:#FFFFFF;
   font-size:10px;
}
.LG_Col_G{
    background-image: url('col_G.jpg');
    width:200px;
    height:240px;
    background-repeat:no-repeat;
    padding-left:10px;
}
.LG_NormalVert
{
    color:#009900;
    font-size:  12px;
}


default.css

/* ================================
    Default styles FOR DotNetNuke
   ================================
*/  

/* background color for the content part of the pages */
Body
{
    background-color: #FFFFFF;
}

.ControlPanel, .PagingTable {
    width: 100%;
    height: 64px;
    background-color: #FFFFFF;
    BORDER-RIGHT: #003366 1px solid;
    BORDER-TOP: #003366 1px solid;
    BORDER-LEFT: #003366 1px solid;
    BORDER-BOTTOM: #003366 1px solid;
}

.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#009900;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#009900;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#009900;
}

A.SkinObject:hover    {
    text-decoration:    none;
    color:#009900;
}

/* style for module titles */
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #fdd633;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal,.NormalDisabled{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color:White;
    color: Red;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container{
    background-color: Transparent;
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.TreeMenu_NodeSelected
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    background-color: #dcdcdc;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:    none;
    color: #009900;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:    none;
    color: #009900;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:    none;
    color: #009900;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover    {
    text-decoration:    none;
    color: #009900;
}

/* styles used in the FileManager */
.FileManager
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    height:400px;
}
.FileManager_ToolBar
{
    border-bottom: black 1px solid;
    height:25px;
}
.FileManager_Explorer
{
    height:100%;
    border: dimgray 1px solid;
    background-color: White;
    margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
    height:100%;
    border: dimgray 1px solid;
    background-color: White;
    margin: 2px 2px 2px 2px;
    overflow: auto;
}

.FileManager_MessageBox
{
    text-align: center;
    vertical-align: middle;
    background-color: White;
    padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #E7E7FF;
    background-color: #9EBFF6;
    border-bottom: dimgray 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: dimgray 1px solid;
    height: 25px;
}

.FileManager_StatusBar
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
    margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #F8F8F8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #EEEEEE;
    border-style: none;
}
.FileManager_SelItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: #99ffff;
    border-style: none;
}

.FileManagerTreeNode
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

.FileManagerTreeNodeSelected
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dcdcdc;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration:    none;
    color: #009900;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration:    none;
    color: #009900;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration:    none;
    color: #009900;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration:    none;
    color: #009900;
}

/* styles used in the Wizard Framework */
.Wizard
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    height:400px;
    width:650px;
}
.WizardButton
{
    border-right: dimgray 1px solid;
    padding-right: 2px;
    border-top: dimgray 1px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: dimgray 1px solid;
    padding-top: 2px;
    border-bottom: dimgray 1px solid;
    background-color: gainsboro;
}
.WizardHeader
{
    background: #ffffcc;
    border-bottom: black 1px solid;
    height:40px;
}
.WizardFooter
{
    border-top: black 1px solid;
    background: #ccffcc;
    height: 25px;
    text-align: right;
}
.WizardBody
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 325px;
}
.WizardHelp
{
    padding-right: 5px;
    padding-left: 5px;
    font-size: 9pt;
    padding-bottom: 5px;
    border-left: black 1px solid;
    width: 180px;
    padding-top: 5px;
    background-color: #ccffff;
}
.WizardHelpText
{
    overflow: auto;
    font-size: 8pt;
    width: 180px;
    color: black;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    height: 300px;
}
.WizardText
{
    font-size: 9pt;
    color: black;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* text style used for help text rendered by modules */
.Help
{
  border-right: black 1px solid;
  padding-right: 2px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Tahoma, Arial, Helvetica;
  background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
   
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

/* button style for standard HTML buttons */
.StandardButton
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: normal;
    font-size: 11px;
    background: #dddddd;
    color: #000000;
    font-family: Verdana, sans-serif;
}

   
/* GENERIC */
H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}

A:link  {
    text-decoration:    none;
    color:  #003366;
}

A:visited   {
    text-decoration:    none;
    color:  #003366;
}

A:active    {
    text-decoration:    none;
    color:  #003366;
}

A:hover {
    text-decoration:    underline;
    color:  #ff0000;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* Module Title Menu */
.ModuleTitle_MenuContainer {
    border-bottom: blue 0px solid;
    border-left: blue 0px solid;
    border-top: blue 0px solid;
    border-right: blue 0px solid;
}

.ModuleTitle_MenuBar {
    cursor: pointer;
    cursor: hand;
    height:16;
    background-color: Transparent;
}

.ModuleTitle_MenuItem {
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}

.ModuleTitle_MenuIcon {
    cursor: pointer;
    cursor: hand;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15;
    height: 21;
}

.ModuleTitle_SubMenu {
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #FFFFFF;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid; 
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}

.ModuleTitle_MenuItemSel {

    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;

    background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

/* Main Menu */
.MainMenu_MenuContainer {
    background-color: transparent;
}
.MainMenu_MenuBar {
    cursor: pointer;
    cursor: hand;
    height:16;
    background-color: Transparent;
}
.MainMenu_MenuItem {
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}
.MainMenu_MenuIcon {
    cursor: pointer;
    cursor: hand;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15;
    height: 21;
}
.MainMenu_SubMenu {
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #FFFFFF;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak {
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid; 
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}
.MainMenu_MenuItemSel {
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}
.MainMenu_MenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg {
    background-color: #CCCCCC;
}

.TabBg {
    background-color: black;
}

.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SelectedTab:link {
    text-decoration:    none;
    color:white;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#cccccc;
}

.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
   
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}
.PagingTable {
    height: 33px;
}

.LabelEditOverClass
{   
    cursor: pointer;
    text-decoration: underline overline;
}

.LabelEditTextClass
{
    border: solid 1px red;
    background-color: Transparent;
}

.LabelEditWorkClass
{
    /*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
    border: solid 0px red;
    background-color: Transparent;
}


Je n'utilise pas portal.css.


Merci,


Cyril
 
Nouveau message
14/11/2006 17:31
 
ERREUUUR  (N/A)
[NE PAS TENIR COMPTE DU MESSAGE PRECEDENT]

Bonjour,

Voici Sébastien le copié-collé de mes css :

skin.css
/*
================================
Skin styles for DotNetNuke
================================
*/  

.pagemaster {
    width: 100%;
    height: 100%;   
    background-color: #fefefe;
}
.skinmaster {
    height: 100%;
    background-color: #000000;
    border-right: #6c6c6c 1px solid;
    border-top: #6c6c6c 1px solid;
    border-left: #6c6c6c 1px solid;
    border-bottom: #6c6c6c 1px solid;
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}
.skinheader
{
}
.controlpanel {
    width: 100%;
    background-color: #dfe5f2;
}
.toppane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.leftpane
{
    width:260px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.contentpane
{
    width:685px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.rightpane {
    width: 0px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.bottompane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.MainMenu_MenuContainer {
    background-color: transparent;
}
.MainMenu_MenuBar {
    cursor: pointer;
    cursor: hand;
    height:16px;
    background-color: Transparent;
}
.MainMenu_MenuItem {
    border-left: #cad5ea 0px solid;
    border-bottom: #cad5ea 1px solid;
    border-top: #cad5ea 1px solid;
    border-right: #cad5ea 0px solid;
    cursor: pointer;
    cursor: hand;
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    font-family: Tahoma, Arial, Helvetica;
}
.MainMenu_MenuIcon {
    background-color: transparent;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 21px;
}
.MainMenu_SubMenu {
    background-color: black; 
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}
.MainMenu_MenuBreak {
    height: 1px;
}
.MainMenu_MenuItemSel {
    background-color: #e50021;
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    height: 21px;
}
.MainMenu_MenuArrow {
    border-right: #cad5ea 1px solid;
    border-bottom: #cad5ea 1px solid;
    border-top: #cad5ea 0px solid;
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.MainMenu_RootMenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.StandardButton {
  background: #7994cb none;
  color: #ffffff;
  font-family: verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color:#000000;
}
HR{
    width:90%;
    text-align:center;
}
.LG_Haut {
   height: 28px;
   background-image: url(haut.jpg);
}
.LG_Bas {
   height: 30px;
   background-image: url(bas.jpg);
}
.LG_Titre
{
   font-family: Tahoma, Arial, Helvetica;
   color: #e50021;
   font-size: 16px;
   text-align:center;
   font-weight:bold;
}
.LG_SousTitre
{
   font-family: Tahoma, Arial, Helvetica;
   color: #009900;
   font-size: 15px;
   text-align:center;
   font-weight:bold;
   width:230px;
}
.LG_SousTitre_Comment{
   font-family: Tahoma, Arial, Helvetica;
   text-align:justify;
   font-style:italic;
   color:#FFFFFF;
   font-size:10px;
}
.LG_Col_G{
    background-image: url('col_G.jpg');
    width:200px;
    height:240px;
    background-repeat:no-repeat;
    padding-left:10px;
}
.LG_NormalVert
{
    color:#009900;
    font-size:  12px;
}


default.css

/* ================================
    Default styles FOR DotNetNuke
   ================================
*/  

/* background color for the content part of the pages */
Body
{
    background-color: #FFFFFF;
}

.ControlPanel, .PagingTable {
    width: 100%;
    height: 64px;
    background-color: #FFFFFF;
    BORDER-RIGHT: #003366 1px solid;
    BORDER-TOP: #003366 1px solid;
    BORDER-LEFT: #003366 1px solid;
    BORDER-BOTTOM: #003366 1px solid;
}

.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#009900;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#009900;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#009900;
}

A.SkinObject:hover    {
    text-decoration:    none;
    color:#009900;
}

/* style for module titles */
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #fdd633;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal,.NormalDisabled{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color:White;
    color: Red;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container{
    background-color: Transparent;
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.TreeMenu_NodeSelected
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    background-color: #dcdcdc;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:    none;
    color: #009900;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:    none;
    color: #009900;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:    none;
    color: #009900;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover    {
    text-decoration:    none;
    color: #009900;
}

/* styles used in the FileManager */
.FileManager
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    height:400px;
}
.FileManager_ToolBar
{
    border-bottom: black 1px solid;
    height:25px;
}
.FileManager_Explorer
{
    height:100%;
    border: dimgray 1px solid;
    background-color: White;
    margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
    height:100%;
    border: dimgray 1px solid;
    background-color: White;
    margin: 2px 2px 2px 2px;
    overflow: auto;
}

.FileManager_MessageBox
{
    text-align: center;
    vertical-align: middle;
    background-color: White;
    padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #E7E7FF;
    background-color: #9EBFF6;
    border-bottom: dimgray 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: dimgray 1px solid;
    height: 25px;
}

.FileManager_StatusBar
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
    margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #F8F8F8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #EEEEEE;
    border-style: none;
}
.FileManager_SelItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: #99ffff;
    border-style: none;
}

.FileManagerTreeNode
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

.FileManagerTreeNodeSelected
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dcdcdc;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration:    none;
    color: #009900;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration:    none;
    color: #009900;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration:    none;
    color: #009900;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration:    none;
    color: #009900;
}

/* styles used in the Wizard Framework */
.Wizard
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    height:400px;
    width:650px;
}
.WizardButton
{
    border-right: dimgray 1px solid;
    padding-right: 2px;
    border-top: dimgray 1px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: dimgray 1px solid;
    padding-top: 2px;
    border-bottom: dimgray 1px solid;
    background-color: gainsboro;
}
.WizardHeader
{
    background: #ffffcc;
    border-bottom: black 1px solid;
    height:40px;
}
.WizardFooter
{
    border-top: black 1px solid;
    background: #ccffcc;
    height: 25px;
    text-align: right;
}
.WizardBody
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 325px;
}
.WizardHelp
{
    padding-right: 5px;
    padding-left: 5px;
    font-size: 9pt;
    padding-bottom: 5px;
    border-left: black 1px solid;
    width: 180px;
    padding-top: 5px;
    background-color: #ccffff;
}
.WizardHelpText
{
    overflow: auto;
    font-size: 8pt;
    width: 180px;
    color: black;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    height: 300px;
}
.WizardText
{
    font-size: 9pt;
    color: black;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* text style used for help text rendered by modules */
.Help
{
  border-right: black 1px solid;
  padding-right: 2px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Tahoma, Arial, Helvetica;
  background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
   
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

/* button style for standard HTML buttons */
.StandardButton
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: normal;
    font-size: 11px;
    background: #dddddd;
    color: #000000;
    font-family: Verdana, sans-serif;
}

   
/* GENERIC */
H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}

A:link  {
    text-decoration:    none;
    color:  #003366;
}

A:visited   {
    text-decoration:    none;
    color:  #003366;
}

A:active    {
    text-decoration:    none;
    color:  #003366;
}

A:hover {
    text-decoration:    underline;
    color:  #ff0000;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* Module Title Menu */
.ModuleTitle_MenuContainer {
    border-bottom: blue 0px solid;
    border-left: blue 0px solid;
    border-top: blue 0px solid;
    border-right: blue 0px solid;
}

.ModuleTitle_MenuBar {
    cursor: pointer;
    cursor: hand;
    height:16;
    background-color: Transparent;
}

.ModuleTitle_MenuItem {
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}

.ModuleTitle_MenuIcon {
    cursor: pointer;
    cursor: hand;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15;
    height: 21;
}

.ModuleTitle_SubMenu {
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #FFFFFF;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid; 
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}

.ModuleTitle_MenuItemSel {

    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;

    background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

/* Main Menu */
.MainMenu_MenuContainer {
    background-color: transparent;
}
.MainMenu_MenuBar {
    cursor: pointer;
    cursor: hand;
    height:16;
    background-color: Transparent;
}
.MainMenu_MenuItem {
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}
.MainMenu_MenuIcon {
    cursor: pointer;
    cursor: hand;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15;
    height: 21;
}
.MainMenu_SubMenu {
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #FFFFFF;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak {
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid; 
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}
.MainMenu_MenuItemSel {
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}
.MainMenu_MenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg {
    background-color: #CCCCCC;
}

.TabBg {
    background-color: black;
}

.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SelectedTab:link {
    text-decoration:    none;
    color:white;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#cccccc;
}

.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
   
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}
.PagingTable {
    height: 33px;
}

.LabelEditOverClass
{   
    cursor: pointer;
    text-decoration: underline overline;
}

.LabelEditTextClass
{
    border: solid 1px red;
    background-color: Transparent;
}

.LabelEditWorkClass
{
    /*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
    border: solid 0px red;
    background-color: Transparent;
}


Je n'utilise pas portal.css.


Merci,


Cyril
 
Nouveau message
15/11/2006 07:42
 
Re: ERREUUUR  (N/A)

Bonjourr,

Bon apparemment, c'est bon ! J'ai réussi à mettre en place la mise en page...

Merci
 
Précédente
 
Suivante
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Mise en place de CSSMise en place de CSS