Utilisateur:Dr Brains/MagicSidebox.css
Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;
Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5./****************************************************************
Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE
*****************************************************************/
.dbx-clone {
position:absolute;
visibility:hidden;
}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
cursor:move !important;
}
.dbx-dummy {
display:block;
width:0;
height:0;
overflow:hidden;
border:0px;
}
.dbx-group, .dbx-box, .dbx-handle {
position:relative;
display:block;
}
/****************************************************************
avoid padding, margins or borders on dbx-box,
to reduce visual discrepancies between it and the clone.
overall, dbx-box is best left as visually unstyled as possible
*****************************************************************/
.dbx-box {
margin-bottom:10px;
margin-left:0.2em;
padding:0;
border:1px solid #595f66;
overflow:hidden;
width:11.7em
}
/****************************************************************
otherwise, do what you like :)
*****************************************************************/
/* group container(s) */
#sidebox-outer {
float:left;
position:relative;
}
#panel-outer {
float:left;
position:relative;
}
.dbx-group {
}
* html .dbx-group {
width:170px;
padding-bottom:0;
}
/* handles */
.dbx-handle {
background: #f2f3f4;
border-bottom:1px solid #f2f3f4;
margin: 0px;
padding: 0px 0 1px 0;
}
div.dbx-handle h5 {
background: transparent url(http://upload.wikimedia.org/wikipedia/commons/0/09/Tile_sub.gif);
border-bottom: 1px solid #595F66;
color: #595f66;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
padding: 5px;
}
* html .dbx-handle {
width:150px;
}
/* handle cursors are in a class of their own
so they only get applied if the script is supported */
.dbx-handle-cursor {
cursor:move;
}
/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {
display:block;
width:20px;
height:15px;
overflow:hidden;
background:url(http://upload.wikimedia.org/wikipedia/commons/4/4a/Toggle.png) no-repeat;
position:absolute;
top:2px;
right:3px;
text-indent:-50px;
text-decoration:none;
}
a.dbx-toggle-open, a.dbx-toggle-open:visited {
background-position:0 0;
}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {
background-position:0 -20px;
}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {
background-position:-20px 0;
}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {
background-position:-20px -20px;
}
/* keyboard navigation tooltip */
.dbx-tooltip {
display:block;
position:absolute;
z-index:500;
margin:36px 0 0 125px;
width:185px;
border:1px solid #000;
background:#ffd;
color:#000;
font:normal normal normal 0.85em tahoma, arial, sans-serif;
padding:2px 4px 3px 5px;
text-align:left;
}
* html .dbx-tooltip { width:195px; }
/* use CSS2 system colors in CSS2 browsers
but not safari, which doesn't support them */
*[class="dbx-tooltip"]:lang(en) {
border-color:InfoText;
background:InfoBackground;
color:InfoText;
font:small-caption;
font-weight:normal;
}
/* inner content area */
.dbx-content {
padding:0 5px 10px 5px;
background:#f2f3f4;
border-top:1px solid #f2f3f4;
margin:0px;
font-size:85%;
}
/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
display:block;
height:10px;
padding:0;
overflow:hidden;
}
.dbx-box-closed .dbx-content * {
display:none;
}
/* additional clone styles */
.dbx-clone {
opacity:0.8;
-khtml-opacity:0.8;
}
div.container13 {border:0px;margin-bottom:10px;}
/* Ajustements */
#p-logo {
/*
top: 0;
left: 0;
position: absolute;
z-index: 3;
*/
position:relative;
top: 0;
left: 0;
height: 155px;
width: 12em;
border:none;
overflow: visible;
}